經過js實如今移動端瀏覽器啓動微信

時間 2019-11-16

原文原文鏈接

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <title>判斷手機是否安裝微信</title>
    </head>
    <body>
    <a href="javascript:testApp('weixin://dl/moments')" class="dl-btn" id="download">打開微信</a> 
    <script>
    function testApp(url) { 
          var timeout, t = 1000, hasApp = true; 
          setTimeout(function () { 
            if (!hasApp) { 
                //沒有安裝微信
                var r=confirm("您沒有安裝微信，請先安裝微信!");
                if (r==true){
                    location.href="http://weixin.qq.com/"
                }
            }else{
                //安裝微信
            }
            document.body.removeChild(ifr); 
          }, 2000) 
          
          var t1 = Date.now(); 
          var ifr = document.createElement("iframe"); 
          ifr.setAttribute('src', url); 
          ifr.setAttribute('style', 'display:none'); 
          document.body.appendChild(ifr); 
          timeout = setTimeout(function () { 
             var t2 = Date.now(); 
             if (!t1 || t2 - t1 < t + 100) { 
               hasApp = false; 
             } 
          }, t); 
        } 
        //判斷訪問終端
        var browser={
            versions:function(){
                var u = navigator.userAgent, app = navigator.appVersion;
                return {
                    trident: u.indexOf('Trident') > -1, //IE內核
                    presto: u.indexOf('Presto') > -1, //opera內核
                    webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐內核
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否爲移動終端
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器
                    iPhone: u.indexOf('iPhone') > -1 , //是否爲iPhone或者QQHD瀏覽器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                    webApp: u.indexOf('Safari') == -1, //是否web應該程序，沒有頭部與底部
                    weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
                    qq: u.match(/\sQQ/i) == " qq" //是否QQ
                };
            }(),
            language:(navigator.browserLanguage || navigator.language).toLowerCase()
        }
    </script>
    </body>
</html>利用URL協議打開