微信扫一扫二维码无法下载APP的解决方案

最近替朋友放一个微信下载链接，通过二维码扫描下载。

通过扫描二维码下载APP已成为一个非常方便的方式，微信也成为扫描二维码重要的工具，但是扫描后微信浏览器会对APK和appStore的链接进行屏蔽，导致用户无法正常下载。

提供解决方案：1.使用腾讯应用宝；2.提示用户使用浏览器打开。

采用方案：弹出一个遮罩提示用户在新的浏览器窗口打开。

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

这样子用户就只能在浏览器中打开，并且可以直接下载应用了。欢迎打开微信扫描查看（其他扫描没有效果）。

演示地址：http://wzf.zjychina.cn/wt0437.html

如果这个代码对你有用，希望你在下载时也点击star一下。

版本一、JS

版本二、jQuery

版本三、：jquery+css+div（虽然操作复杂，但实际上平时常用这种）。

如果你已经将它用在你的项目中了，欢迎留下你的在线地址哦。

另加一个判断手机QQ的UA

function is_mobileQQ() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/\sQQ/i) == " qq" && /iphone/i.test(ua) == false) {
return true;
} else {
return false;
}
}

<!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>

微信扫一扫二维码无法下载APP的解决方案相关推荐

微信扫描二维码无法下载app如何解决
做微信营销活动或者APK下载推广时候,域名经常被封,如何做到微信中正常使用呢?这就要借助一些工具来实现有效的操作. 之前公司有一个新的APP项目上线,让我们在项目首页做个二维码,然后用户用手机扫一扫就 ...
微信扫描二维码无法下载app
做微信营销活动或者APK下载推广时候,域名经常被封,如何做到微信中正常使用呢?这就要借助一些工具来实现有效的操作. 之前公司有一个新的APP项目上线,让我们在项目首页做个二维码,然后用户用手机扫一扫就 ...
微信扫描二维码实现下载app文件
1.把apk文件上传至服务器,或者后端项目中. 获取下载链接,使用草料二维码生成二维码,选择网址生成二维码. 草料二维码:https://cli.im/url 2.使用微信打开网址时,无法在微信内打开 ...
用一个二维码做下载app，自动区分是 ios 还是 android
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
H5页面唤起指定app或跳转到应用市场（扫描二维码直接下载APP）
场景1: 在 h5 页面上,不管用户是否安装过该app,都直接跳转到应用市场,让用户从应用市场上打开app. 思路: 这种场景处理比较简单,直接判断判断是android端还是ios端,然后在点击按钮上 ...
通过扫描二维码进入下载APP的流程
利用远程桌面连接阿里云服务器在"开始"界面找到服务器管理器在"服务器管理器"界面找到IIS,然后点击进入IIS管理器 4. 在IIS管理器中双击打开MIME ...
微信扫码登录，微信公众号生成二维码，关注登录nodejs+vue
微信公众号生成二维码,关注后扫码登录技术栈为nodejs+vue 有不懂的可以加我微信yizheng369 1.效果初始: 关注后: 2.源码此项目为前后端分离项目,前后端代码都在这个仓库里, ...
微信扫一扫扫普通链接二维码打开微信小程序
撸了今年阿里.头条和美团的面试,我有一个重要发现.......>>> 扫普通链接二维码打开小程序为了方便小程序开发者更便捷地推广小程序,兼容线下已有的二维码,微信公众平台开放扫描普 ...
『小程序开发』关于微信小程序扫普通链接二维码打开小程序的具体配置流程...
前言: 对于扫普通链接二维码打开小程序的功能详解,官方api已经可以说是接近手把手的教学,咱们这里不做累述,直接上图走起...官方接入指南功能介绍扫二维码登录小程序...^_^ 限制 1.对于普通 ...
【Exception】微信小程序，配置普通链接二维码规则文件校验失败问题校验文件检查失败扫普通链接二维码打开小程序
[Exception]微信小程序,配置普通链接二维码规则文件校验失败问题校验文件检查失败扫普通链接二维码打开小程序一.问题描述 1.公司业务有个需求,扫描普通的二维码,跳转到小程序的某个页面, ...

微信扫一扫二维码无法下载APP的解决方案

微信扫一扫二维码无法下载APP的解决方案相关推荐

最新文章

热门文章