WhoDis.js
Just a simple little sniffer (that mostly uses navigator.userAgent
) so you can rock conditional checks.
Build
npm run build
Uses microbundle
to build out in cjs, es, umd.
Dev
npm run dev
Watches for changes in src
.
Install (from npm)
npm i whodis
Import (from npm install)
import WhoDis from 'whodis'
Or, import from your file/projects
import WhoDis from ./WhoDis
Or, don't import and just use src/WhoDis.es5.js
, which is just an ES5 IIFE.
Usage
import WhoDis from 'who-dis'
// Add class to html
const html = document.querySelector('html');
if ( WhoDis.anyMS() ) {
html.classList.add('is-ms');
}
if ( WhoDis.IE() ) {
html.classList.add('is-ie');
}
if ( WhoDis.Safari() ) {
html.classList.add('is-safari');
}
// bail if mobile
if (WhoDis.anyMobile) return;
userAgent
Log info on current console.log(WhoDis.info)
Current Checks
Mobile
- Android :
WhoDis.Android()
- BlackBerry :
WhoDis.BlackBerry()
- iOS :
WhoDis.iOS()
- Opera Mini :
WhoDis.OperaMini()
- IE Mobile :
WhoDis.IEMobile()
- Any Mobile (checks all the above) :
WhoDis.anyMobile()
- Touch Screen :
WhoDis.Touch()
IEs
- Edge :
WhoDis.Edge()
- IE :
WhoDis.IE()
- IE10 :
WhoDis.IE10()
- anyMS (IEs and Edge) :
WhoDis.anyMS()
Other Browsers
- Chrome :
WhoDis.Chrome()
- Safari :
WhoDis.Safari()
- Firefox :
WhoDis.Firefox()
- Opera :
WhoDis.Opera()