Detectizr

A Modernizr extension to detect device, device model, screen size, operating system, and browser details.

View project on GitHub

Detectizr

Detectizr is a Modernizr extension to detect

  • device
  • device model
  • screen size
  • operating system
  • operating system version
  • browser
  • browser version
  • browser engine
  • browser plugins

Detection of these sets are optional and can be disabled.

Detectable device types are: tv (includes smart tv and game console), mobile, tablet, and desktop. Device models of tv, mobile and tablet are being detected.

Code quality of Detectizr is validated via JSLint & JSHint.

Sample Usage

This is a library that uses your trusty little Modernizr to give you the possibility of specifying required features for a certain stylesheet. Using it is a simple matter, illustrated in the following excerpt:

<html>
  <head>
    <script src="modernizr.js"></script>
    <script src="detectizr.js"></script>
  </head>
  <body>
    <script>
      Modernizr.Detectizr.detect({detectScreen:false});
    </script>
  </body>
</html>

Just remember to include Modernizr before Detectizr, and you're good to go!

Licensed under MIT license.

Other interesting projects

  • Modernizr is required for Detectizer. Remember to put Modernizr before Detectizr.
  • Categorizr is a server side device and OS detection script written in PHP. Detectizr inspired by its device detection.
  • CSS Browser Selector is a client side browser detection script. Detectizr inspired by its browser detection.