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){
    //假如是移動端，進行一些操作
  }
}