Vue前端获取客户端设备类型

前端李十三

已于 2023-08-10 18:01:23 修改

阅读量935

点赞数

文章标签：前端 vue.js javascript

于 2023-08-08 10:54:40 首次发布

本文链接：https://blog.csdn.net/weixin_64530670/article/details/132162309

版权

注意是在生命周期:mounted中:

  mounted() {
    const userAgent = window.navigator.userAgent;
    if (userAgent.indexOf("Android") > -1) {
      console.log("客户端类型:Android");
    } else if (
      userAgent.indexOf("iPhone") > -1 ||
      userAgent.indexOf("iPad") > -1 ||
      userAgent.indexOf("iPod") > -1
    ) {
      console.log("客户端类型:iOS");
    } else if (
      userAgent.indexOf("Mac OS X") > -1 ||
      userAgent.indexOf("Windows") > -1
    ) {
      console.log("客户端类型:PC");
    } else if (userAgent.indexOf("iPad") > -1) {
      console.log("客户端类型:iPad");
    } else {
      console.log("客户端类型:未知");
    }
  },