javascript - 相容Android和ios的網頁調起原生app問題，使用iframe在ios的Safari無效？

Question

如題，公司下來的一個需求，要求手機上裝了app則調轉到指定的頁面，如果沒有裝則跳到下載頁面，遍尋網上的代碼，經過測試，發現了一個問題。

普遍來說有兩種辦法：

第一種是iframe：遇到的問題是透過隱藏一個iframe調起app,過幾秒後跳轉頁面，在Android上是可以的，但是在ios上測試無效果，始終沒有調用起來，呼叫sms:// tel://也不行；測試機iphone6，系統10.0.2；

第二種方法是使用a標籤的href屬性跳轉，如果app已經安裝了Android和ios上都可以，但是如果沒有安裝app，在ios上網頁會報一個網址無效的錯誤，這個是產品那裡不允許的。

求教sf論壇裡的大神來指點一下正確調起app的方式，拜謝。

另外還有一種方法是

<a href="itms://itunes.apple.com/app/id452186370">百度地图</a>

這種應該說很好，但是與我的需求有一點不合，我們這裡要求是跳到app指定頁面而不是單單調起來。

Answer 1

在iOS上，首先app必須註冊自己的URL Schemes，就是申明一個特殊的前綴去代替http，比如abc，你在網頁上檢測是否是iOS，如果是，就把http換成abc，再打開這個鏈接。如果是https還是換成abc。