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

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

　　後來經過度娘，本身總結和分析以後，大概思路爲：瀏覽器打開應用寶，分享應用寶連接到微信（由於應用寶爲騰訊自家產品沒有屏蔽），那麼就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）！