判断手机是否是安卓或者是ios

转载：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>

---

原因分析：

点击“点我”获取当前浏览器(谷歌浏览器)
控制台会打印你选中的手机型号

---

解决方案：

更换其他的类型手动刷新一下浏览器
安卓

苹果