dreambo8563/vue-device-detector

A tiny device detector plugin of Vue for mobile🐔👁

vue-device-detector (for Vue 3)

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

• focus on mobile
• vue friendly
• strong typed

TODO:

• add dingding api
• add weixin api

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, // 微信
  wechatMiniApp: Boolean //微信小程序
}

eg. on iphoneX

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

License

Contributors

Thanks goes to these wonderful people (emoji key):

Vincent Guo 💻 📖 🚇

This project follows the all-contributors specification. Contributions of any kind welcome!

vue-device-detector's Issues

Was detected android true, but was on windows

$device.android is true, while I am on windows chrome

An in-range update of eslint is breaking the build 🚨

The devDependency eslint was updated from 5.15.3 to 5.16.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ Travis CI - Branch: The build errored.

---

Release Notes for v5.16.0

• dfef227 Build: gensite passes rulesMeta to formatter rendering (#11567) (Kevin Partington)
• c06d38c Fix: Allow HTML formatter to handle no meta data (#11566) (Ilya Volodin)
• 87a5c03 Docs: func-style: clarify when allowArrowFunctions is used (#11548) (Oliver Joseph Ash)
• bc3e427 Update: pass rule meta to formatters RFC 10 (#11551) (Chris Meyer)
• b452f27 Chore: Update README to pull in reviewer data (#11506) (Nicholas C. Zakas)
• afe3d25 Upgrade: Bump js-yaml dependency to fix Denial of Service vulnerability (#11550) (Vernon de Goede)
• 4fe7eb7 Chore: use nyc instead of istanbul (#11532) (Toru Nagashima)
• f16af43 Chore: fix formatters/table test (#11534) (Toru Nagashima)
• 78358a8 Docs: fix duplicate punctuation in CLI docs (#11528) (Teddy Katz)

Commits

The new version differs by 11 commits.

• ded2f94 5.16.0
• ea36e13 Build: changelog update for 5.16.0
• dfef227 Build: gensite passes rulesMeta to formatter rendering (#11567)
• c06d38c Fix: Allow HTML formatter to handle no meta data (#11566)
• 87a5c03 Docs: func-style: clarify when allowArrowFunctions is used (#11548)
• bc3e427 Update: pass rule meta to formatters RFC 10 (#11551)
• b452f27 Chore: Update README to pull in reviewer data (#11506)
• afe3d25 Upgrade: Bump js-yaml dependency to fix Denial of Service vulnerability (#11550)
• 4fe7eb7 Chore: use nyc instead of istanbul (#11532)
• f16af43 Chore: fix formatters/table test (#11534)
• 78358a8 Docs: fix duplicate punctuation in CLI docs (#11528)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of @vue/cli-plugin-babel is breaking the build 🚨

The devDependency @vue/cli-plugin-babel was updated from 3.5.3 to 3.5.4.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@vue/cli-plugin-babel is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ Travis CI - Branch: The build errored.

---

Commits

The new version differs by 6 commits.

• d037fbb v3.5.4
• 5eb1425 fix(generator): add core-js as direct dependency of generated projects (#3736)
• 9bdff3b fix: should not use abosulte polyfill paths when absoluteRuntime is on (#3732)
• b987969 fix: should not add polyfills from transform-runtime plugin (#3730)
• eeb350e chore: [email protected]
• 3f14550 chore: 3.5.3 changelog [ci skip]

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Doesn't work for SSR

Because it uses a window, it doesn't work for SSR.

An in-range update of @vue/cli-service is breaking the build 🚨

The devDependency @vue/cli-service was updated from 3.5.2 to 3.5.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@vue/cli-service is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ Travis CI - Branch: The build errored.

---

Commits

The new version differs by 6 commits.

• 582dc45 v3.5.3
• f107623 fix: downgrade @babel/preset-env temporarily (#3716)
• adac48d fix: properly load non-js config files in genCacheConfig (#3632)
• 10296ff fix: set the path of safari-no-module-fix.js correctly (#3647)
• 614367d chore: [email protected]
• e1328ac chore: 3.5.2 changelog [ci skip]

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

iPhone 12 Mini support?

Hey! Love the package. Could you add support for the new iPhone 12 mini? Not sure how to detect currently..

Vue 3 compatibility

Will be plugin available for Vue3?

Please add Wechat Miniapp support

Some functions may need to deal with different situations even in Wechat and Wechat Miniapp(微信小程序), there are different UAs for both, please split Wechat-all, Wechat-web and Wechat-miniapp, so programs can handle different logics.

An in-range update of eslint-plugin-vue is breaking the build 🚨

The devDependency eslint-plugin-vue was updated from 5.2.2 to 5.2.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-vue is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ Travis CI - Branch: The build errored.

---

Commits

The new version differs by 3 commits.

• 1064f10 🔖 5.2.3
• 158c10b chore: update ESLint to v6
• 082c03d fix: remove eslint internal traverser (#910)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

vulnerability detected through `commitizen`

Our npm audit detected a high vulnerability inside the dependencies of vue-device-detector through the commitizen package:

┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High │ Prototype Pollution │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package │ merge │
│ Patched in │ >=2.1.1 │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ vue-device-detector │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path │ vue-device-detector > commitizen > find-node-modules > merge │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info │ https://npmjs.com/advisories/1666 │
└───────────────┴──────────────────────────────────────────────────────────────┘
(Sorry for bad layout, it wont stick)

I'm aware this cannot be fixed here, but I did wonder why commitizen is set not as devDependencies. Looking into the package, it does not seem to contribute in the final released code.

I haven't used commitizen myself, but am curious to know if having it as a dependency instead of a devDependency is required.

MacOs support?

ipad Os 13 not detect as ipad or ios

Ipad with last os (13) is not detect as ipad or ios by library.
It seems that the userAgent has changed (see this link )

Linux Device - Question

Hello, I was reading through the Docs and I see 'windows' as a return property but no 'desktop' or 'pc' option. So all desktop environments just return with 'windows' as true? Or is this information missed on Linux and macOS?

Thanks