vue-device-detect

检测设备类型，根据设备类型渲染内容

安装

``
npm install vue-device-detect --save

or

yarn add vue-device-detect
`

使用

Example:

内置的组件渲染

`ts
// main.ts
import { vueDeviceDetect } from 'vue-device-detect'

app.use(vueDeviceDetect)
`
内置的组件
`ts
export interface GlobalComponents {
BrowserView: void
ChromeView: void
EdgeView: void
MobileView: void
WindowsView: void
SafariView: void
AndroidView: void
}
`

`html



This is rendered only in browser

This is rendered only on mobile

`

你也可以通过内置的API判断
`ts
// main.ts
import { isMobile } from 'vue-device-detect'
`

##API

$3

Available selectors:

| prop | type | description |
| ------------------ | ------- | -------------------------------------------------------------------------------------- |
| isMobile | bool | 设备类型为 mobile or tablet |
| isMobileOnly | bool | 设备类型为 mobile |
| isTablet | bool | 设备类型为 tablet |
| isBrowser (legacy) | bool | 设备类型为 browser |
| isDesktop | bool | 设备类型为 browser (an alias of the isBrowser type |
| isSmartTV | bool | 设备类型为 smarttv |
| isWearable | bool | 设备类型为 wearable |
| isConsole | bool | 设备类型为 console |
| isEmbedded | bool | 设备类型为 embedded |
| isAndroid | bool | 操作系统为 Android |
| isWinPhone | bool | 操作系统为 Windows Phone |
| isIOS | bool | 操作系统为 iOS |
| isChrome | bool | 浏览器类型 Chrome |
| isFirefox | bool | 浏览器类型 Firefox |
| isSafari | bool | 浏览器类型 Safari |
| isOpera | bool | 浏览器类型 Opera |
| isIE | bool | 浏览器类型 Internet Explorer |
| isEdge | bool | 浏览器类型 Edge or Edge Chromium |
| isYandex | bool | 浏览器类型 Yandex |
| isChromium | bool | 浏览器类型 Chromium |
| isMobileSafari | bool | 浏览器类型 Mobile Safari |
| isSamsungBrowser | bool | 浏览器类型 Samsung Browser |
| osVersion | string | 返回操作版本 |
| osName | string | 返回操作系统名字 |
| browserName | string | 返回浏览器名字 |
| mobileVendor | string | 手机品牌 (e.g LG, iPhone etc) |
| mobileModel | string | 手机设备类型 (e.g Nexus 5) |
| engineName | string | 浏览器引擎的 name (e.g Gecko for FF or Blink for Chrome) |
| deviceType | string | 设备类型 ( mobile or tablet) |
| isIOS13 | boolean | iOS13 |
| isIPhone13 | boolean | iOS13 |
| isIPad13 | boolean | iOS13 |
| isIPod13 | boolean | iOS13 |
| isElectron | boolean | Electron |
| isEdgeChromium | boolean | Edge Chromium |
| isLegacyEdge | boolean | 浏览器类型 Edge |
| isWindows | boolean | returns true/false if os is Windows |
| isMacOs | boolean | Mac OS` |