借鑒 ?HTML中判斷手機是否安裝某APP,跳轉或下載該應用
function lookApp () {var ua = navigator.userAgentvar isAndroid = /(Android);?[\s/]+([\d.]+)?/.test(ua)var isIpad = /(iPad).*OS\s([\d_]+)/.test(ua)var isIpod = /(iPod)(.*OS\s([\d_]+))?/.test(ua)var isIphone = !isIpad && /(iPhone\sOS)\s([\d_]+)/.test(ua)var isWechat = /micromessenger/i.test(ua)var isAlipay = /alipayclient/i.test(ua)if (isIphone) {// IPhone
// 默認跳轉App協議 abc:// 后面的是跟App約定好攜帶的參數,這個根據實際情況添加或者刪除window.location.href = "abc://abc.com?id=" + idsetTimeout(function(){
// 未安裝App即跳轉IPhone商店window.location = 'https://itunes.apple.com/cn/app/aaaaaaaa' //如果超時就跳轉到app下載頁},500);} else if (isAndroid) {// Android
// 默認跳轉App協議
window.location.href = "abc://abc.com?id=" + id
setTimeout(function(){
// 未安裝App即跳轉Android商店
window.location = 'http://a.app.qq.com/o/simple.jsp?aaaaaa' //如果超時就跳轉到app下載頁
},500)
}
}
首先利用navigator.userAgent 判斷出手機設備類型
根據上面分別和IOS、Android約定好的 ? apps custom url schemes (abc://) ?嘗試打開App(微信瀏覽器里面無法直接打開App,在手機瀏覽器可以正常使用)
并延長0.5秒自動跳轉到對應的商店下載鏈接
?