vue判断是安卓还是IOS
写博客是为了做笔记
最近工作上遇到这样一个需求:vue写的页面,需要同时跟安卓和ios进行交互;
若是安卓,执行代码:android.finishActivity();
若是IOS,执行代码:
try {
window.webkit.messageHandlers.finishActivity.postMessage("");
}catch(error) {
console.log('WKWebView post message');
}
所以我们需要进行一个判断,是安卓还是IOS:(因为是做的单独的APP所以没有考虑微信的问题)
finishActivity() {
let ua = navigator.userAgent.toLowerCase();
//android终端
let isAndroid = ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1;
//ios终端
let isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
//ios
console.log(" 我是ios")
//这里是和IOS商量好的写法,调用IOS的finishActivity方法
try {
window.webkit.messageHandlers.finishActivity.postMessage("");
}catch(error) {
console.log('WKWebView post message');
}
} else(/(Android)/i.test(navigator.userAgent)) {
//android
console.log("我是android")
//这里是和安卓商量好的写法,调用安卓的finishActivity方法
android.finishActivity();
}
}
然后就可以一个页面同时给安卓和IOS进行交互啦!