JSPM – vue-device-detect@1.0.3

Package Exports

vue-device-detect

Readme

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`