Install & Download:
# NPM
$ npm install vue-browser-detect-plugin --saveDescription:
A simple Vue.js plugin to detect browser name, version, and user-agent.
Features:
- isIE
- isChrome
- isFirefox
- isOpera
- isSafari
- isEdge
- isChromeIOS
- isIOS
- Browser Name Chrome, IE, Edge, etc.
- Browser Version
- User agent
How to use it:
1. Import the vue-browser-detect-plugin after installation.
import browserDetect from "vue-browser-detect-plugin";
2. Register the component.
Vue.use(browserDetect);
Preview:
Changelog:
v0.1.18 (09/05/2020)
- Updated
Does this work with Vue.js 3?
Right now this package doesn’t support Vue 3, but you can use it in Vue 3. All you have to do is to fix one error.
You will see: Cannot set properties of undefined (setting ‘$browserDetect’)
1. Find in two files this line: Vue.prototype.$browserDetect = browserObj
2. Change it on: Vue.config.globalProperties.$browserDetect = browserObj
Done.