在微信中调用外部浏览器实现文件下载的方法

现在微信分享的功能很多，从分享的链接下载apk安卓包是很正常的，但是微信不让下载apk包，只能通过浏览器来下载，但是这要给用户一个提示吧，不然用户不知道

 

下面我们来实现，引导用户通过浏览器来下载apk包

看下效果，图片在最下面

在需要下载的页面中加入下面的代码

1.  

   <div class="weixin-tip" style="display:none;">

2.  

   <p>

3.  

       <img src="/images/weixin-tip.jpg" class="weixinpic" alt="微信打开"/>

4.  

   </p>

5.  

   </div>

css样式

1.  

   a{text-decoration: none;}

2.  

   .weixinpic{width: 100%; height: 100%;}

3.  

   .weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); height: 100%; width: 100%; z-index: 100;}

4.  

   .weixin-tip p{text-align: center;}

js

1.  

   <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>

2.  

   <script type="text/javascript">

3.  

   $(function(){

4.  

   var u = navigator.userAgent, app = navigator.appVersion;

5.  

   var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;

6.  

   var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

7.  

   $('.img').click(function(){

8.  

   if(isAndroid){

9.  

   var winHeight = $(window).height();

10.  

    function is_weixin() {

11.  

    var ua = navigator.userAgent.toLowerCase();

12.  

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

13.  

    return true;

14.  

    } else {

15.  

    return false;

16.  

    }

17.  

    }

18.  

    var isWeixin = is_weixin();

19.  

    if(isWeixin){

20.  

    $(".weixin-tip").css("height",winHeight);

21.  

    $(".weixin-tip").show();

22.  

    }else {

23.  

    window.location.href = "";//安卓下载地址

24.  

    }

25.  

    }else if(isIOS){

26.  

    location.href = '';//IOS下载地址

27.  

    }

28.  

     

29.  

    })

30.  

    })

31.  

     

32.  

    </script>

这要就可以下载了