js如何判断设备是移动端还是pc端

时间:2024-03-07 22:24:43

由于最近要写一个vue项目,同时适配移动端和pc端。考虑到一些功能在移动端和pc端需要使用不同的插件来实现,所以需要进行判断。

于是本人在assets > js目录下新建了一个isMobile.js:

function isMobile() {
  let mobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
  return mobile!= null
}
export {isMobile}
export 导出;
在需要判断设备的组件中引入:
import {isMobile} from \'../assets/js/isMobile\'

使用:

data: function(){
  return {
    isMobi:false,//true代表移动端,false代表pc端(可以结合v-if来控制某些html元素在不同设备上的显示与否)
  }
},
mounted(){
  this.isMobi=isMobile()
  //console.log(this.isMobi,\'this.isMobi\')//可以打印出来看看判断是否正确
  if(this.isMobi){
    //假如是移动端,进行一些操作
  }
}