判断当前页面是pc端还是移动端

最新推荐文章于 2024-06-03 09:15:36 发布

黄金钢铁侠

最新推荐文章于 2024-06-03 09:15:36 发布

阅读量230

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/hope_lucky/article/details/127071808

版权

组件内部使用     vue2//
data(){
return{
ispc:''

}
}

实例创建前钩子//
created(){
this.detectDeviceType()

},



methods:{

 //监听打开该项目的系统
    detectDeviceType() {
      const machineType =
        /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
          navigator.userAgent
        )
          ? "Mobile"
          : "Desktop";
      if (machineType === "Mobile") {
        console.log("移动端");
        this.isPc = "移动端";
      
      } else {
        this.isPc = "PC端";
        console.log("Pc端");
       
      }
    },
}





代码可以直接copy使用//