需求描述,就是做一個應用下載的落地頁。
主要是靜態頁面(完全使用flex布局,就跟RN差不多嘍),就倆按鈕“打開App”和“下載App”。
如果是微信中打開連接,需要提示用戶去瀏覽器打開,點擊打開App時,如果未安裝則下載App。
- 通過JS判斷當前是否是微信瀏覽器
var isWeixin = function () { //判斷是否是微信
var ua = navigator.userAgent.toLowerCase();
return ua.match(/MicroMessenger/i) == "micromessenger";
};
- 判斷當前客戶端是iOS還是Android
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //判斷是否是iOS
}
if (navigator.userAgent.match(/android/i)) { //判斷是否是Android
}
- 如果安裝應用則打開應用,否則下載應用
Android實現原理,優先嘗試打開DeepLink鏈接,延遲跳轉下載:
if (navigator.userAgent.match(/android/i)) {
try {
window.location = schema;
setTimeout(function () {
window.location = androidDownUrl; //android下載地址
}, 500);
} catch (e) {
}
}
如果是iOS的話,9.0之前版本跟Android方法雷同,在9.0+建議支持UniversalLink....
iOS的就不寫了,需要的自己搞代碼吧............