現在微信分享的功能很多，從分享的鏈接下載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. }
29. })
30. })
32. </script>

這要就可以下載了

微信瀏覽器無法跳轉到apk下載鏈接 微信分享的app下載不了