微信瀏覽器禁止app下載鏈接的兩種處理方法
通過掃描二維碼下載APP已成為一個非常方便的方式苦掘,微信也成為掃描二維碼重要的工具比藻,但是掃描后微信瀏覽器會對APK和appStore的鏈接進行屏蔽蔚携,導致用戶無法正常下載嚼贡。
提供解決方案:1.使用騰訊應用寶占贫;2.提示用戶使用瀏覽器打開;3.外跳工具
參考了前端開發(fā)博客的一篇文章以及進行了改動鬓催。采用方案:彈出一個遮罩提示用戶在新的瀏覽器窗口打開肺素。原文鏈接: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 >有效跳轉(zhuǎn)</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都能實現(xiàn)在微信中直接下載Apk(應用安裝包)筝尾,這種方案的實踐方法就是使用 FishJump 工具(http://www.fishtool.cn)捡需,工具的優(yōu)勢在于:
1、兼容iOS和Android系統(tǒng)筹淫。Android不必設置“點擊右上角”的步驟站辉,點擊下載鏈接或掃碼下載二維碼,服務器自動調(diào)用手機的默認瀏覽器下載Apk,iOS則是直接跳轉(zhuǎn)到App store饰剥。
2狸相、可以自定義下載渠道。Android開發(fā)者可以設置下載渠道捐川,不必局限微信只能在應用寶的單渠道下載方式。
3逸尖、瀏覽器兼容性優(yōu)越古沥。調(diào)用的是手機默認瀏覽器,所以不存在兼容問題娇跟。
4岩齿、免費試用。
工具地址:http://www.fishtool.cn/
教程如下:
1苞俘、輸入需要在微信中打開的網(wǎng)址鏈接
2盹沈、點擊生成按鈕,生成轉(zhuǎn)換后的鏈接和二維碼
3吃谣、復制生成后的鏈接或者掃一掃二維碼即可
可以自行測試 體驗