微信浏览器禁止app下载链接的两种处理方法
通過掃描二維碼下載APP已成為一個非常方便的方式，微信也成為掃描二維碼重要的工具，但是掃描后微信瀏覽器會對APK和appStore的鏈接進行屏蔽，導致用戶無法正常下載。
提供解決方案：1.使用騰訊應用寶；2.提示用戶使用瀏覽器打開;3.外跳工具
參考了前端開發博客的一篇文章以及進行了改動。采用方案：彈出一個遮罩提示用戶在新的瀏覽器窗口打開。原文鏈接：http://caibaojian.com/weixin-tip.html
再也不用管微信如何的更新，直接判斷微信的ua，然后彈出一個遮罩提示用戶在瀏覽器中打開下載。并且不加關閉的按鈕。類似于下面這樣子：
?
這樣子用戶就只能在瀏覽器中打開，并且可以直接下載應用了。歡迎打開微信掃描查看（其他掃描沒有效果）。
?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"/><title>微信彈出遮罩</title> </head> <body><style type="text/css">*{margin:0; padding:0;}img{max-width: 100%; height: auto;}.test{height: 600px; max-width: 600px; font-size: 40px;}</style><div class="test"><a href="http://mp.weixin.qq.com/mp/redirect?url=http://mobile.xinlianwang.com/android/distributor/DistributorApp.apk#weixin.qq.com#wechat_redirect ">有效跳轉</a></div><script type="text/javascript" src="http://libs.useso.com/js/jquery/1.9.0/jquery.min.js"></script><script type="text/javascript">function is_weixin() {var ua = navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == "micromessenger") {return true;} else {return false;}}var isWeixin = is_weixin();var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;var weixinTip = $('<div id="weixinTip"><p><img src="live_weixin.png" alt="微信打開"/></p></div>');if(isWeixin){$("body").append(weixinTip);}else{window.location.href="www.yishengqiao.com/1/DoctorBridge.apk";}$("#weixinTip").css({"position":"fixed","left":"0","top":"0","height":winHeight,"width":"100%","z-index":"1000","background-color":"rgba(0,0,0,0.8)","filter":"alpha(opacity=80)",});$("#weixinTip p").css({"text-align":"center","margin-top":"10%","padding-left":"5%","padding-right":"5%"});</script> </body> </html>?
最好的方法實際上就是打破壁壘，讓iOS和Android都能實現在微信中直接下載Apk（應用安裝包），這種方案的實踐方法就是使用 NiceTool工具，工具的優勢在于：
1、兼容iOS和Android系統。Android不必設置“點擊右上角”的步驟，點擊下載鏈接或掃碼下載二維碼，服務器自動調用手機的默認瀏覽器下載Apk，iOS則是直接跳轉到App store。
2、可以自定義下載渠道。Android開發者可以設置下載渠道，不必局限微信只能在應用寶的單渠道下載方式。
3、瀏覽器兼容性優越。調用的是手機默認瀏覽器，所以不存在兼容問題。
4、免費試用。
?
教程如下：
工具地址：http://www.nicejump.cn/
1、輸入需要在微信中打開的網址鏈接
2、點擊生成按鈕，生成轉換后的鏈接和二維碼
3、復制生成后的鏈接或者掃一掃二維碼即可
可以自行測試 體驗
?
轉載于:https://www.cnblogs.com/bky4321/p/10887136.html
總結
以上是生活随笔為你收集整理的微信浏览器禁止app下载链接的两种处理方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 文件权限二（特殊权限、隐藏属性、文件访问
- 下一篇： 五个你绝不可忽视的HTML5特性