微信浏览器禁止app下载连接的两种处理方法

时间 2020-07-08

原文原文链接

经过扫描二维码下载APP已成为一个很是方便的方式，微信也成为扫描二维码重要的工具，可是扫描后微信浏览器会对APK和appStore的连接进行屏蔽，致使用户没法正常下载。javascript

提供解决方案：1.使用腾讯应用宝；2.提示用户使用浏览器打开;3.外跳工具css

参考了前端开发博客的一篇文章以及进行了改动。采用方案：弹出一个遮罩提示用户在新的浏览器窗口打开。原文连接：http://caibaojian.com/weixin-tip.htmlhtml

不再用管微信如何的更新，直接判断微信的ua，而后弹出一个遮罩提示用户在浏览器中打开下载。而且不加关闭的按钮。相似于下面这样子：
前端

这样子用户就只能在浏览器中打开，而且能够直接下载应用了。java

<!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工具（http://www.fishtool.cn/），工具的优点在于：jquery

一、兼容iOS和Android系统。Android没必要设置“点击右上角”的步骤，点击下载连接或扫码下载二维码，服务器自动调用手机的默认浏览器下载Apk，iOS则是直接跳转到App store。android

二、能够自定义下载渠道。Android开发者能够设置下载渠道，没必要局限微信只能在应用宝的单渠道下载方式。浏览器

三、浏览器兼容性优越。调用的是手机默认浏览器，因此不存在兼容问题。服务器

四、免费试用。微信

工具地址：http://www.fishtool.cn/
教程以下：

一、输入须要在微信中打开的网址连接
二、点击生成按钮，生成转换后的连接和二维码
三、复制生成后的连接或者扫一扫二维码便可

能够自行测试体验