1. 判斷手機是安卓或者ios方法
1.1 添加判斷機型方法(適用於Android和ios調用方法不一樣)
function checkDevice() {
function checkIsAppleDevice() {
var u = navigator.userAgent,
app = navigator.appVersion;
var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
var iPad = u.indexOf("iPad") > -1;
var iPhone = u.indexOf("iPhone") > -1 || u.indexOf("Mac") > -1;
if (ios || iPad || iPhone) {
return true;
} else {
return false;
}
}
function checkIsAndroidDevice() {
var u = navigator.userAgent;
if (u.indexOf("Android") > -1 || u.indexOf("Adr") > -1) {
return true;
} else {
return false;
}
}
if (checkIsAppleDevice()) {
return "ios";
} else {
return "Android";
}
}
export default checkDevice;
1.2 頁面中使用(vue)
import checkDevice from "@/utils/checkDeviceType";
export default{
data: {
phone: '',
userInfo : {},
};
created(){
this.phone = checkDevice();
window.getAppUser = this.getAppUser
},
methods: {
handleQuit () {
if (this.phone == "Android") {
window.android.goToAppHome();
} else {
window.webkit &&
window.webkit.messageHandlers &&
window.webkit.messageHandlers.closeWebView &&
window.webkit.messageHandlers.closeWebView.postMessage &&
window.webkit.messageHandlers.closeWebView.postMessage(null);
}
},
getAppUser (str) {
this.userInfo = JSON.parse(str)
},
}
}