H5頁面喚起指定app,有就喚起,沒有則跳轉下載頁
阿新 • • 發佈:2018-11-04
點選按鈕,當已經安裝了app則調起,否則跳轉到應用寶或者App store下載頁面(普通瀏覽器相容,微信有許可權限制,只能每次跳轉下載頁)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title></title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> <a class="open-app">開啟APP</a> <script type="text/javascript"> $('a').click(function() { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端 //這個是安卓作業系統 if (isAndroid) { //安卓app的scheme協議 window.location.href = 'XXX'; setTimeout(function(){ let hidden = window.document.hidden || window.document.mozHidden || window.document.msHidden ||window.document.webkitHidden if(typeof hidden =="undefined" || hidden ==false){ //應用寶下載地址 window.location.href ="XXX"; } }, 2500); } //這個是ios作業系統 if (isIOS) { //ios的scheme協議 window.location.href = 'zjmobile://platformapi/startapp'; setTimeout(function(){ let hidden = window.document.hidden || window.document.mozHidden || window.document.msHidden ||window.document.webkitHidden if(typeof hidden =="undefined" || hidden ==false){ //App store下載地址 window.location.href = "https://itunes.apple.com/us/app/zhe-jiang-yi-dong-shou-ji/id898243566#weixin.qq.com"; } }, 2500); return false; } }); </script> </body> </html>
scheme協議地址由安卓端跟ios端提供