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

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

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

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

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

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

演示：

作者已经将代码上传到github上了，你可以直接下载我的图片和JS来用。github地址

如果这个代码对你有用，希望你在下载时也点击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:; padding:;}

    img{max-width: %; 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":"",

            "top":"",

            "height":winHeight,

            "width":"100%",

            "z-index":"",

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

代码：http://down.51cto.com/data/2200784

微信浏览器禁止app下载链接的两种处理方法的更多相关文章

  1. ***微信浏览器禁止app下载链接怎么办

    通过扫描二维码下载APP已成为一个非常方便的方式,微信也成为扫描二维码重要的工具,但是扫描后微信浏览器会对APK和appStore的链接进行屏蔽,导致用户无法正常下载.本文提供两个迂回的解决方案:1. ...

  2. 微信扫描打开APP下载链接提示代码优化

    上一次我发了一篇文章叫“微信打开网址添加在浏览器中打开提示”,里面我发出来了三个代码,分别是纯JS.js+html.jQuery+HTML代码.今天来一个简化版带可以关闭的按钮操作.使用的是纯JS+H ...

  3. 微信扫描打开APP下载链接提示代码优化(转)

    上一次我发了一篇文章叫“微信打开网址添加在浏览器中打开提示”,里面我发出来了三个代码,分别是纯JS.js+html.jQuery+HTML代码.今天来一个简化版带可以关闭的按钮操作.使用的是纯JS+H ...

  4. itunes app 下载链接的几种表现形式

    第一种:itunes://itunes.apple.com/cn/app/id794862904 ,这是最普通的一种. 直接在浏览器中输入.就能够打开电脑上安装的itunes,并跳转到相应的app下载 ...

  5. 解决：在微信中访问app下载链接提示“已停止访问该网页”

    前言 现如今微信对第三方推广链接的审核是越来越严格了,域名在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,要不然就是换个域名再推,周而复始.无论是哪一种情况都会面 ...

  6. 微信不支持App下载的解决方案 微信跳转打开外部浏览器下载（苹果跳转商店下载）

    在微信中,打开app下载链接,或者使用微信扫一扫app下载二维码,都是无法下载app的. 因为腾讯为了自身利益,屏蔽了其他app直接在微信中下载.下面给分享下,找到的2种有效的解决方案. 方案:点击链 ...

  7. 两种js方法发起微信支付：WeixinJSBridge，wx.chooseWXPay区别

    原文链接:https://www.2cto.com/weixin/201507/412752.html 1.为什么会有两种JS方法可以发起微信支付? 当你登陆微信公众号之后,左边有两个菜单栏,一个是微 ...

  8. 【转】php 下载保存文件保存到本地的两种实现方法

    来源:http://www.jb51.net/article/40485.htm 第一种: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <?php function d ...

  9. php 下载保存文件保存到本地的两种实现方法

    这里的下载,指的是 弹出下载提示框. 第一种: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <?php function downfile() {  $filename ...

随机推荐

  1. 更改Eclipse里的Classpath Variables M2_REPO

    M2_REPO这个classpath  variable 是不能改变的. 为什么 Eclipse 里的 Classpath Variables M2_REPO 无法修改(non modifiable) ...

  2. modern.IE

    1.主要测试IE浏览器的兼容性问题 2.网站上提供各种虚拟机来表现兼容性问题,可以像平常一样使用浏览器测试,但是中国访问速度比较慢 3.网址:http://loc.modern.ie/zh-cn/vi ...

  3. tomcat安装出现问题及解决方法

    1. tomcat安装: 安装目录-->D:\Program Files\apache-tomcat-7.0.59 2. tomcat环境变量配置: 3. D:\Program Files\ap ...

  4. linux sudo 系统环境变量 用户环境变量

    1. sudo就是普通用户临时拥有root的权限.好处在于,大多数时候使用用户自定义的配置,少数情况可以通过sudo实现root权限做事. 故而,需要注意的一点是,在你使用了sudo后,你临时不再是原 ...

  5. 54. Spiral Matrix (Graph)

    Given a matrix of m x n elements (m rows, n columns), return all elements of the matrix in spiral or ...

  6. thymeleaf 获取项目路径

    <p th:text=${salecode}></p> <a th:href="${#httpServletRequest.getScheme()+'://'+ ...

  7. 一篇很好的关于mysqld_safe脚本源码解读的文章，收藏了！！

    #!/bin/sh # 一些状态变量的定义 KILL_MYSQLD=; # 试图kill多余的mysqld_safe程序,1表示需要kill MYSQLD= # mysqld二进制可执行文件的名称 n ...

  8. [原创]解决IPCH关闭后可能引发的无法调试的BUG

    前几天清理硬盘,发现大量IPCH目录,文件特别巨大,看着头大,所以决定改为临时模式,同时VS2015和VS2013我都改了,设置如下: (关键字:IPCH目录,VS大文件) 当设置好之后不会出现烦人的 ...

  9. 08 Translating RNA into Protein

    Problem The 20 commonly occurring amino acids are abbreviated by using 20 letters from the English a ...

  10. kinect相机做扫描仪扫描人体模型