解決微信內置瀏覽器屏蔽下載鏈接問題

　　今天遇到了一個這樣的問題，通過微信掃描二維碼進入下載頁面，由於微信對下載鏈接進行了屏蔽處理，點擊下載時按鈕無效。

　　后來通過度娘，自己總結和分析之后，大概思路為：瀏覽器打開應用寶，分享應用寶鏈接到微信（因為應用寶為騰訊自家產品沒有屏蔽），那么就o了！

      其實還有一種普遍常見的解決方案，這里就不描述了，大致就是做一個樣式，提示右上角（瀏覽器打開）。

　　我們直入主題吧，首寫第一步，判斷是否是微信瀏覽器，具體代碼如下：

js：　
　$(document).ready(function() {
           downloaded();
        }); 
     function downloaded(){
            var ua = navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i)=="micromessenger") {//如果是微信瀏覽器
                $('#a').find('a').attr('href','http://app.qq.com/?isappinstalled=1#id=detail&appid=1104762859');//將第一個鏈接轉換成應用寶里鏈接，並獲取appId
                $('#b').find('a').attr('href','http://fusion.qq.com/app_download?appid=1104762859&platform=qzone&via=QZ.MOBILEDETAIL.QRCODE');  //一種判斷手機裝的應用商店方式，可直接替換appId.      
            }
        }

　　<div class="btnList">
               <ul>
                   <li id="a"><a href="http://image.peikua.com//static/apk/peikuahaitao-2.0.1.apk">應用下載</a></li> <!--默認apk下載地址，除微信外瀏覽器都支持-->
                   <li id="b"><a href="market://search?q=pname:com.zq.qk">應用平台下載</a></li> <!--調用安卓下載地址，會判斷手機內已裝應用商店下載彈框-->
                   <li><span>下載APP即可使用優惠券大禮包</span></li>
                <ul>
    </div>

　　最終微信打開的第一個鏈接效果如下：

 

　　第二個鏈接效果如下：（因不同手機下系統不同，展現方式也不同。）

　　因為不喜歡多打字，多廢話，就直接上圖了，如有不懂的地方可以問我。

　　小弟為一個四年工作經驗的小前端，喜歡研究新技術，攻克難點，請（bu）多（xi）多（huan）交（da）流（zi）！