H5调起app

<!Doctype html>
<html>
    <head>
        <meta http-equiv=Content-Type content="text/html;charset=utf-8">
        <meta http-equiv="refresh" content="5; url=http://a.app.qq.com/o/simple.jsp?pkgname=com.mm.dss">
        <title>查看视频</title>
    </head>
    <body>
      <a href="javascript:openApp('dssandroid://com.mm.dss')" class="dl-btn" id="download">查看视频</a>
      <script>
          function openApp(url) {
                var timeout, t = 1000, hasApp = true;
                setTimeout(function () {
                  if (!hasApp) {
                     //未安装app
                     if(browser.versions.ios || browser.versions.iPad || browser.versions.iPhone){
                         window.location.href = 'http://a.app.qq.com/o/simple.jsp?pkgname=com.mm.dss';  //ios下载地址
                     }else if(browser.versions.android){
                         window.location.href = 'http://a.app.qq.com/o/simple.jsp?pkgname=com.mm.dss';    //安卓下载地址
                     }else{
                         window.location.href = 'smartclient://hello';    //PC地址
                     }
                 }
                 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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wuyongde0922

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值