用 js 来判断是苹果手机还是安卓手机还是其他手机

最近 开发了一个新的功能 就是让用户分别看到不同手机的类型展示不一样的内容 这样我们就来判断一下  

<script>
export default {
  data() {
    return {
      isAppleDevice: false, //苹果手机的时候 展示为true
    };
  },
  mounted() {
    this.checkDevice();
  },
  methods: {
    checkDevice() {
      const ua = navigator.userAgent;
      if (/iPad|iPhone|iPod/.test(ua) && !window.MSStream) {
        this.isAppleDevice = true;
       console.log("你在使用苹果手机");
      } else if (/Android/.test(ua)) {
        console.log("你在使用安卓手机");
      } else {
        console.log("你在使用其他手机");
      }
    },
  },
};
</script>