Vue - vue-device-detector

Posted on   |   In

vue-device-detector

vue-device-detector is a simple vue plugin to inspect the device type.

  • focus on mobile
  • vue friendly
  • strong typed

Install

npm install vue-device-detector --save

Quick Start

import device from "vue-device-detector"
Vue.use(device)

Methods

  • this.\$device in Component context.
  • Vue.\$device in global.

API list

you can get the following properties under this.\$device

interface IDeviceDetector {
  ios: Boolean
  iphone: Boolean
  iphoneX: Boolean
  iPhoneXR: Boolean
  iPhoneXSMax: Boolean
  ipod: Boolean
  ipad: Boolean
  android: Boolean
  androidPhone: Boolean
  windows: Boolean
  mobile: Boolean
  dingding: Boolean //钉钉
  wechat: Boolean // 微信
}

eg.
on iphoneX

console.log(this.$device.iphoneX) // true
console.log(this.$device.ios) // true
console.log(this.$device.android) // false