h5网页页面勾起app假如没安裝就自动跳转免费下载

2021-02-22 02:19 jianzhan

h5网页页面勾起app假如没安裝就自动跳转免费下载(iOS和Android)

访问器和app沒有通讯协议书,因此h5不知道道客户的手机上释放出来安裝了app。因而只能是h5去尝试勾起app,若不可以勾起,正确引导客户去免费下载大家的app。

手机微信里屏蔽了 schema 协议书,假如在手机微信中开启h5,则会提醒客户在访问器中开启。<!doctype html>

<html>
<head>
<title></title>
<meta charset="utf⑻">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no;" name="viewport" />
 
<script>
 
    // 查验是不是安裝app
    function openApp(e){
        var u = window.navigator.userAgent;
        var isAndroid = u.indexOf('Android') > ⑴ || u.indexOf('Linux') > ⑴; //android终端设备或uc访问器
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
        if(isAndroid){
            android();
        }
        if(isiOS){
            ios();
        }
    }
    function android(){
        var _clickTime = new Date().getTime();
        window.location.href = '??????????????????'; /***开启app的协议书,有安卓系统朋友出示***/
 
            //起动间距20ms运作的定时执行器,并检验总计耗费時间是不是超出3000ms,超出则完毕
        var _count = 0, intHandle;
        intHandle = setInterval(function(){
            _count++;
            var elsTime = new Date().getTime() - _clickTime;
            if (_count>=100 || elsTime > 3000 ) {
                console.log(_count)
                console.log(elsTime)
                clearInterval(intHandle);
                //查验app是不是开启
                if ( document.hidden || document.webkitHidden) {
                    // 开启了
                    window.close();
                } else {
                    // 没开启
                    alert('没开启')
                    // window.location.href = "??????????????";//免费下载连接
                }
            }
        }, 20);
 
    }
 
    function ios(){
        var _clickTime = +(new Date());
        var ifr = document.createElement("iframe");
        ifr.src = "??????????????"; /***开启app的协议书,有ios朋友出示***/
        ifr.style.display = "none";
        document.body.appendChild(ifr);
        //起动间距20ms运作的定时执行器,并检验总计耗费時间是不是超出3000ms,超出则完毕
        var _count = 0, intHandle;
        intHandle = setInterval(function(){
            _count++;
            var elsTime =  +(new Date()) - _clickTime;
            console.log(_count,elsTime,+(new Date()),_clickTime)
            if (_count>=100 || elsTime > 3000 ) {
                clearInterval(intHandle);
                document.body.removeChild(ifr);
                //查验app是不是开启
                if ( document.hidden || document.webkitHidden) {
                    // 开启了
                    window.close();
                } else {
                    // 没开启
                    alert('没开启')
                    // window.location.href = "???????????????";//免费下载连接
                }
            }
        },20);
    }
 
    var objbtn=document.getElementById('btn');
    objbtn.onclick=function(){
        openApp()
    }
 
</script>
</head>
 
<body style="background-color: #fff;" >
 
    <!--检测app调起-->
    <div id="btn" style="font-size: 40px;background: blue;color: #fff;height: 56px;text-align: center;">btn</div>
    <!--检测app调起over-->
     
</body>
</html>  

关键的是 安裝了app开启app,可是 不可以让客户在点一下明确的情况下,自动跳转到免费下载页。

没安裝app的客户,不可以等候长时间,还不到app免费下载页。

若根据url scheme 开启app取得成功,那末当今h5会进到后台管理,根据计时器会有显著延迟时间。运用時间来分辨。

因为安卓系统手机上,网页页面进到后台管理,定时执行器setTimeout仍会持续运作,因此这里应用setInterval,较小间距時间反复数次。来依据总计時间分辨。

document.hidden对超过4.4webview适用很好,为网页页面可见性api。

ios

window.location.href='rtjr://app.rongtuojinrong.com?flag=23&pid={$pid}';

js没法调起 这类协议书的url

<a  href="rtjr://app.rongtuojinrong.com?flag=23&pid={$pid}" ></a>

只能用 a标识,或 iframe

到此这篇有关h5网页页面勾起app假如没安裝就自动跳转免费下载(iOS和Android)的文章内容就详细介绍到这了,更多有关h5网页页面勾起app內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容,期待大伙儿之后多多适用脚本制作之家!