在微信中点击链接直接跳转到手机外部默认浏览器代码实现

在我们做营销活动或推广宣传的时候，容易遇到域名被封，无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能，对于微信默认可以通过：点击右上角的三点,点击“在浏览器中打开”。但是对于很多用户而言并不知道这样的实现，所以需要在代码中进行相关操作。目前ios只能通过遮罩层来提示用户，对于安卓可以直接跳转外面默认浏览器，下面就分别介绍下这2种方式的实现代码。

一、遮罩提示：

遮罩引导法，这种事最简单的方法。

代码：

1.  
   function isWx(){
   //判断是否为微信

2.  
   var ua =
   window.navigator.userAgent.toLowerCase();

3.  
   if(ua.match(
   /MicroMessenger/i) ==
   ‘micromessenger‘){

4.  
   return
   true;

5.  
   }

6.  
   return
   false;

7.  
   };

8.  
   if(isWx()){
   //判断浏览器是否微信

9.  
   var html=
   ‘<div class=”box”><img src=”images/head.png”></box>‘

10.  
    layer.open({
    //这里使用了layer的弹窗组件，你也可以自己写

11.  
    type:
    1,
    content: html,
    anim:
    ‘up‘,

12.  
    style:
    ‘position:fixed; bottom:0; left:0; width: 100%; height: 100%; padding:0; border:none;‘

13.  
    });

14.  
    return;

15.  
    }

效果如下：

二、链接跳转

安卓手机的话是通过点击链接，直接跳转出微信。自动打开手机默认的浏览器。但是这个方法IOS的系统不行，需要进行判断了，判断代码如下：

1.  
   function isDevice(){
   //判断是android还是ios还是web

2.  
   var ua = navigator.userAgent.toLowerCase();

3.  
   if(ua.match(
   /iPhone\sOS/i) ==
   “iphone os” || ua.match(
   /iPad/i)==
   “ipad”){
   //ios

4.  
   return
   “iOS”;

5.  
   }

6.  
   if(ua.match(
   /Android/i) ==
   “android”) {

7.  
   return
   “Android”;

8.  
   }

9.  
   return
   “Web”;

10.  
    };

该下载链接需要给出以下头部 ：

1.  
   header(
   “Content-type:application/pdf”);

2.  
   header(
   “Content-Disposition:attachment;filename=‘downloaded.pdf‘”);

此时微信会因为头部是下载处理，自动跳转到浏览器中打开这个链接，主要就是让服务端返回一个PDF下载就行了，这样微信就会直接跳出到浏览器打开。