proginn-frontend/plugins/deviceType.js

import Vue from 'vue'
// import DeviceType from './utils/deviceType'

// Vue.use(DeviceType, { $axios, redirect, req, ...args })

export default function ({req}, inject) {
  let deviceType = {}
  deviceType.ios = false
  deviceType.android = false
  deviceType.pc = false
  deviceType.ios = false
  deviceType.wx = false
  deviceType.ua = ''
  
  if (req && req.headers) {
    deviceType.ua = req && req.headers && req.headers['user-agent'] || ''
  } else if (window && window.navigator){
    deviceType.ua = window.navigator.userAgent
  }
  if (/(iPhone|iPad|iPod|iOS)/i.test(deviceType.ua)) {
    deviceType.ios = true
  } else if (/(Android)/i.test(deviceType.ua)) {
    deviceType.android = true
  } else {
    deviceType.pc = true
  }
  
  if (/(MicroMessenger)/i.test(deviceType.ua)) {
    deviceType.wx = true
  }
  
  deviceType.isIos = function() {
    return deviceType.ios
  }
  
  deviceType.isAndroid= function() {
    return deviceType.android
  }
  
  deviceType.isMobile = function() {
    return deviceType.ios || deviceType.android
  }
  
  deviceType.isPC = function() {
    return deviceType.pc
  }
  
  deviceType.isWx = function() {
    return deviceType.wx
  }
  
  console.log('deviceType:', deviceType)
  
  inject('deviceType', deviceType)
}