最近的項(xiàng)目中,點(diǎn)擊按鈕喚醒App的需求經(jīng)常有,之前也有考慮過用通用連接的方式來解決,但代碼修改來修改去,一直都覺得不完美,最后只能先暫時(shí)用下面的方式來解決,后期有更好的解決辦法再去優(yōu)化。
下面代碼的解決思路是,點(diǎn)擊下載App按鈕的時(shí)候先給個(gè)“正在為您跳轉(zhuǎn)”的提示,如果在微信中,會(huì)先打開App Store,然后在App Store里面打開App(如果你的手機(jī)上已經(jīng)下載了App的話),如果手機(jī)上并沒有下載該App就會(huì)跳轉(zhuǎn)到應(yīng)用寶,然后在應(yīng)用寶中下載。
在微信上會(huì)出現(xiàn)這種原因是因?yàn)椋簊chema 被微信屏蔽了,除非一些和微信有合作的 app 可以進(jìn)入到白名單,其他的應(yīng)用在微信內(nèi)都沒辦法通過自定義 schema 協(xié)議直接喚起 app,前端頁(yè)面需要對(duì)喚起場(chǎng)景進(jìn)行判斷。
而在蘋果手機(jī)的Safari中(如果手機(jī)已經(jīng)安裝了該App)就可以直接打開。
代碼如下:
HTML代碼:
CSS代碼:
Javascript代碼:
聯(lián)系客服