转载:https://baijiahao.baidu.com/s?id=1666271814955233086&wfr=spider&for=pc
项目场景:
手机移动端使用HBuilder X打包成app
问题描述:
判断手机是否是安卓或者是ios???
页面:
<template>
<div class="content">
<p style="color:black">获取当前设备的类型</p>
</div>
</template>
js:
export default {
name: "payCode",
data() {
return {
isAndroid:false,
isIos:false,
};
},
mounted() {
//初始化获取手机型号
this.getUserAgent();
this.jumToMore();
},
methods: {
// 获取当前设备类型的方法
getUserAgent(){
const ua = navigator.userAgent.toLowerCase();
if(ua.indexOf('android') != -1){
this.isAndroid = true;
}else if(ua.indexOf('iphone') != -1){
this.isIos = true;
}
},
// 根据当前设备类型,进行不同的处理,当然这里是简单的demo
jumToMore(){
if(this.isAndroid == true){
console.log("android");
}
if(this.isIos == true){
console.log("iphone");
}
}
}
};
</script>
原因分析:
点击“点我”获取当前浏览器(谷歌浏览器)
控制台会打印你选中的手机型号
解决方案:
更换其他的类型手动刷新一下浏览器
安卓
苹果