文章詳情頁
javascript - 兼容Android和ios的網頁調起原生app問題,使用iframe在ios的Safari無效?
瀏覽:84日期:2022-12-28 09:38:16
問題描述
如題,公司下來的一個需求,要求手機上裝了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指定頁面而不是單單調起來。
問題解答
回答1:在iOS上,首先app必須注冊自己的URL Schemes,就是申明一個特殊的前綴去代替http,比如abc,你在網頁上檢測是否是iOS,如果是,就把http換成abc,再打開這個鏈接。如果是https還是換成abc。
標簽:
JavaScript
排行榜
