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