html5實(shí)現(xiàn)在App中打開的方法有哪些

1、html5實(shí)現(xiàn)在app中打開的方法有哪些1. 需求前段時(shí)光開發(fā)項(xiàng)目，碰到了一個(gè)需求，容易來說，就是我們h5的頁面有一個(gè)在app中打開的按鈕，用戶點(diǎn)擊后，假如用戶已經(jīng)安裝app，則挺直打開app，假如用戶沒有安裝app，那就跳轉(zhuǎn)到下載app的頁面首先，在我的認(rèn)知中，h5應(yīng)當(dāng)是沒有能力檢測(cè)到某一款app是否有安裝的（假如有小伙伴知道如何檢測(cè)，歡迎評(píng)論區(qū)告知我，謝謝?。?，所以我們需要一些技巧來完成推斷app是否安裝這一過程。之后的步驟以安卓手機(jī)為例子介紹，目前ios9版本之后的系統(tǒng)不需要我們h5做這些推斷app是否安裝的流程（ios9之后可以通過提供一個(gè)通用鏈接（universal link），做到

2、沒有安裝app提醒打開蘋果應(yīng)用商城,安裝了app則挺直跳轉(zhuǎn)打開）2. 關(guān)于scheme協(xié)議scheme協(xié)議是一種頁面內(nèi)跳轉(zhuǎn)協(xié)議，我們可以通過定制scheme協(xié)議，跳轉(zhuǎn)到app中的想要跳轉(zhuǎn)的各個(gè)頁面。scheme協(xié)議是通過url的形式舉行跳轉(zhuǎn)的，所以我們h5也可以通過這個(gè)url去跳轉(zhuǎn)到app內(nèi)指定頁面，這就是h5打開app的原理。scheme的url格式類似：3. h5實(shí)現(xiàn)在app中打開的兩種辦法3.1 單純用法定時(shí)器推斷這種的辦法的思路是，首先把我們要跳轉(zhuǎn)的地址設(shè)置為與原生app學(xué)生一起定義好的scheme的url，之后，設(shè)置一個(gè)定時(shí)器，定時(shí)器里執(zhí)行的規(guī)律是跳轉(zhuǎn)到下載app頁面，這樣，假如用戶

3、手機(jī)沒有安裝app，就會(huì)在一段時(shí)光后跳轉(zhuǎn)到下載頁面。核心代碼如下：（可以用法iframe完成跳轉(zhuǎn)，但需要考慮iframe是否在ios等設(shè)備中被允許）存在的問題上述實(shí)現(xiàn)計(jì)劃的問題是，即使勝利跳轉(zhuǎn)到app，原先的h5頁面也會(huì)在定時(shí)時(shí)光后，跳轉(zhuǎn)到下載頁面，這樣體驗(yàn)很不好3.2 用法window的hidden屬性推斷這個(gè)辦法的思路是，假如勝利喚起了app，我們的h5頁面被置于后臺(tái)，window.hidden屬性會(huì)變?yōu)閠rue,可以通過這個(gè)屬性變幻來推斷app有沒有打開，沒打開就跳轉(zhuǎn)到下載頁面，固然這里也用到定時(shí)器核心代碼如下：存在的問題目前一些安卓掃瞄器，在app存在時(shí)，會(huì)首先跳出一個(gè)確認(rèn)框，咨詢用戶是否打開app，惟獨(dú)用戶同意時(shí)，才會(huì)跳轉(zhuǎn)app，假如用戶始終沒有點(diǎn)擊確認(rèn)，最后還是會(huì)跳到下載頁面，體驗(yàn)不好4. 一些思量鑒于上面說到的一些問題，個(gè)人覺得可以在交互中增強(qiáng)一個(gè)去下載頁面的交互，假如用戶沒有安裝app，一定時(shí)光后，首先提醒用戶是