+
80
-

h5如何检测手机是否安装某个app并进行跳转打开这个app?

h5如何检测手机是否安装某个app并进行跳转打开这个app?


网友回复

+
0
-

每个app都自己的url schemes,通过这个就可以打开,如果能打开就会跳转到app,那么当前页面就会隐藏,通过visibilitychange来检测,如果不能打开,那么3秒后就会打开app的下载页面,示例代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>
   
</head>
<body>
    <divBfwOnclick="open()">
       打开试试
    </div>
        <script type="text/javascript">
    var timer=null;
    window.addEventListener("visibilitychange",()=>{
        if(!document.hidden){
         
            clearTimeout(timer);
        }
    });
    
    function open(){
         timer = setTimeout(() => {
             let hidden=window.document.hidden||window.document.webkitHidden||window.document.mozHidden||window.document.msHidden
							if(typeof(hidden) =="undefined"||hidden==false){
							    //跳转到下载地址
								window.location="https://www.baidu.com"
							}

           
         },3000);
         //通过url schemes打开app
       window.location='taobao://';
    }

    
    </script>
</body>
</html>
		

我知道答案,我要回答