Vue判断移动端及Android、微信或iOS

Vue判断移动端及Android、微信或iOS

App.vue

 //判断是否为移动端
    _isMobile () {
      let flag = 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 flag
    },

  mounted () {
    if (this._isMobile()) {
      console.log('手机端')
      this.downApp()
    } else {
      alert('请用手机端打开')
    }
  },

判断Android、微信或iOS

downApp () {
      let ua = navigator.userAgent.toLowerCase()
      //Android终端
      let isAndroid = ua.indexOf('Android') > -1 || ua.indexOf('Adr') > -1 //Ios终端
      let isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
      if (isWeixinBrowser()) {
        console.log('微信')
      } else {
        if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
          //Ios
          console.log('Ios')
        } else if (/(Android)/i.test(navigator.userAgent)) {
          //Android终端
          console.log('Android')
        }
      }

      function isWeixinBrowser () {
        return /micromessenger/.test(ua) ? true : false
      }
    }