window-mode

A small utility to define and check different responsive "modes" for the current window - e.g. "desktop", "tablet", or "mobile"

window-mode

A small utility to define and check different responsive "modes" for the current window - e.g. "desktop", "tablet", or "mobile"

windowMode.init();
 
// resize your browser to 980px or wider and run this code:
windowMode.check(); //=> "desktop"
 
// resize your browser to less than 980px but more than
// 768px and run it again:
windowMode.check(); //=> "tablet"
 
// resize your browser again, this time to less than 768px:
windowMode.check(); //=> "mobile"
 
// check to see if the window is in a specific mode:
windowMode.check('desktop'); //=> false
windowMode.check('mobile'); //=> true
 
// register a new mode
windowMode.register({name: 'really big', width: 1200, condition: '>='});
 
// get a list of registered modes
windowMode.modes // [{mode1...}, {mode2...}]
 
// optionally, use windowMode with browserify
var windowMode = require('window-mode');

Installing via npm is easy:

npm install window-mode

If you're not using Browserify, just include a script tag in your html:

<script src="path/to/window-mode.js"></script>