whodis/readme.md

A simple device and browser sniffer... mostly using navigator.userAgent (yikes)

# 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;
```

## Log info on current `userAgent`

```
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()`