在我们做营销活动或推广宣传的时候,容易遇到域名被封,无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能,对于微信默认可以通过:点击右上角的三点,点击“在浏览器中打开”。但是对于很多用户而言并不知道这样的实现,所以需要在代码中进行相关操作。目前ios只能通过遮罩层来提示用户,对于安卓可以直接跳转外面默认浏览器,下面就分别介绍下这2种方式的实现代码。
一、遮罩提示::
代码:
functionisWx(){//判断是否为微信
varua =window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) =='micromessenger'){
returntrue;
}
returnfalse;
};
if(isWx()){//判断浏览器是否微信
varhtml='<div class="box"><img src="images/head.png"></box>'
layer.open({//这里使用了layer的弹窗组件,你也可以自己写
type:1,content: html,anim:'up',
style:'position:fixed; bottom:0; left:0; width: 100%; height: 100%; padding:0; border:none;'
});
return;
}
效果如下:
安卓手机的话是通过点击链接,直接跳转出微信。自动打开手机默认的浏览器。但是这个方法IOS的系统不行,需要进行判断了,判断代码如下:
functionisDevice(){//判断是android还是ios还是web
varua = navigator.userAgent.toLowerCase();
if(ua.match(/iPhone\sOS/i) =="iphone os"|| ua.match(/iPad/i)=="ipad"){//ios
return"iOS";
}
if(ua.match(/Android/i) =="android") {
return"Android";
}
return"Web";
};
该下载链接需要给出以下头部 :
header("Content-type:application/pdf");
header("Content-Disposition:attachment;filename='downloaded.pdf'");
此时微信会因为头部是下载处理,自动跳转到浏览器中打开这个链接,主要就是让服务端返回一个PDF下载就行了,这样微信就会直接跳出到浏览器打开。