1. 判断是否是安卓还是ios
var ua = window.navigator.userAgent.toLowerCase();
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
//ios环境
} else if (navigator.userAgent.match(/android/i)) {
//安卓环境
}
2.判断是微信浏览器、app进入的H5、手机自带的浏览器
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
//微信浏览器
}else if(ua.match(/isapp/i) == "isapp"){
//从手机App里面打开的
//注释:"isapp"需要app端配置,否则ua里面是没有"isapp"这个字段的
}else{
//其他的浏览器
}
3.H5:点击按钮,如果手机端有app就打开app,没有app就去应用市场下载
借用网上的方法:
1. url :跳转app
2. downUrl_ios :ios应用市场
3. downUrl_android :安卓应用市场
openApp(url, downUrl_ios, downUrl_android) {
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {//是否是微信浏览器
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//是否是ios
window.location = ""; //填写地址
} else if (navigator.userAgent.match(/android/i)) { //是否是安卓
window.location = ""; //填写地址
}
}else{ //其他的浏览器
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//ios端
var loadDateTime = new Date();
window.location.href = url;
window.setTimeout(function () {
var timeOutDateTime = new Date();
if (timeOutDateTime - loadDateTime < 1000) {
window.location.href = downUrl_ios;//ios下载地址
} else {
window.close();
}
}, 2000);
} else if (navigator.userAgent.match(/android/i)) { //安卓端
var state = null;
var loadDateTime2 = new Date();
window.location.href = url;
window.setTimeout(function () {
var timeOutDateTime2 = new Date();
if (timeOutDateTime2 - loadDateTime2 < 1000) {
window.location.href = downUrl_android; //android下载地址
} else {
window.close();
}
}, 2000);
}
}
},