VUE 配置 scheme拉起三大地圖執行
阿新 • • 發佈:2020-12-23
例子 高德地圖
指南:https://lbs.amap.com/api/amap-mobile/summary
<a href="androidamap://navi?sourceApplication=appname&poiname=fangheng&lat=36.547901&lon=104.258354&dev=1&style=2">導航</a>
首先判斷是否是微信QQ內建瀏覽器開啟 如果是
讓其更換瀏覽器 騰訊 內建 不相容
function isWeiXin () {
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
return true; //是微信 如何
} else {
return false; // 其他 瀏覽器 如何
}
}
if (isWeiXin()) {
alert("您這是微信內建瀏覽器,請更換瀏覽器開啟")
return
} else {
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//判斷ios
const loadDateTime = new Date();//定義時間戳
window.location ="" //定義scheme地址
window.setTimeout(function() {
const timeOutDateTime = new Date(); //定義一個新的時間戳
if (timeOutDateTime - loadDateTime < 2200) {
window.clearInterval(window.setTimeout)
//判斷如果超時 跳轉下載頁面
//未超時清楚定時器
return true
} else {
window.location = "";
//android下載地址
return
}
}, 2000);
} else if (navigator.userAgent.match(/android/i)) {
try{
const loadDateTime = new Date();
t window.location = //schema連結或者universal link
window.setTimeout(function() {
const timeOutDateTime = new Date();
if (timeOutDateTime - loadDateTime > 2200) {
window.clearInterval(setTimeout)
return
} else {
this.URL = window.location = ""; //android下載地址
}
}, 2000);
} catch (e){
window.close();
}
}
}