移動端H5喚起APP的寫法例項(IOS、android)
阿新 • • 發佈:2021-07-19
IOS
1.url scheme
這個方案基本上就是針對微信、qq內建瀏覽器,qq瀏覽器等之外的其餘瀏覽器,從native那邊要一個scheme ,然後放在a標籤裡或者lhttp://www.cppcns.comocation.href跳一下就行了
用一個iframe去做的一個跳頁,有的話喚起scheme沒有的話,會觸發定時器跳到下載地址。但是這個方式在ios裡面,在沒有app的時候會遇到兩次提示,
var openApp = function (src) { // 通過iframe的方式試圖開啟APP,如果能正常開啟,會直接切換到APP,並自動阻止a標籤的預設行為 // 否則開啟a標籤的href連結 const ifr = document.createElement('iframe'); ifr.src = src; ifr.style.display = 'none'; document.body.appendChild(ifr); var poenTime = +new Date() window.setTimeout(() => {document.body.removeChild(ifr); if ((+new DlrsaafXObVate()-openTime>2500)){ window.location = 'APP Store下載的地址 ' } },600); };
2.Universal Link(ios)
這是iOS9推出的一項功能,如果你的應用支援Universal Links(通用連結),那麼就能夠方便的通過傳統的HTTP連結來啟動APP(如果iOS裝置上已經安裝了你的app,不需要額外做任何判斷等),或者開啟(iOS裝置上沒有安裝你的app)。或許可以更簡單點來說明,在iOS9之前,對於從各種從瀏覽器,Safari、UIWebView或者 WKWebView中喚醒APP的需求,我們通常只能使用scheme。
window.location.href ="APP給的Universal Link"
總結
相容寫法
if (isGreaterThan9){ window.location.href ="APP給的Universal Link" ; return; } openApp(src)
方法類似
if (openApp('url scheme url')) { openApp('url scheme url'); } else { setTimeout(() => { window.location.hreflrsaafXObV= 'APP 市場下載地址';// 一般是google,各個應用商店不一樣 },600); } }
總結
到此這篇關於移動端H5喚起APP的文章就介紹到這了,更多相關移動端H5喚起APP內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!