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

因为最近要写一个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){
    //假如是移动端，进行一些操做
  }
}