vue-device-detect
TypeScript icon, indicating that this package has built-in type declarations

1.0.3 • Public • Published

vue-device-detect

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

安装

npm install vue-device-detect --save

or

yarn add vue-device-detect

使用

Example:

内置的组件渲染

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

app.use(vueDeviceDetect)

内置的组件

export interface GlobalComponents {
  BrowserView: void
  ChromeView: void
  EdgeView: void
  MobileView: void
  WindowsView: void
  SafariView: void
  AndroidView: void
}
<BrowserView>
  <h1>This is rendered only in browser</h1>
</BrowserView>
<MobileView>
  <h1>This is rendered only on mobile</h1>
</MobileView>

你也可以通过内置的API判断

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

##API

Selectors

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

Package Sidebar

Install

npm i vue-device-detect

Weekly Downloads

571

Version

1.0.3

License

ISC

Unpacked Size

27.9 kB

Total Files

5

Last publish

Collaborators

  • wulinsheng123