detectizr

Detectizr is a Modernizr extension to detect device, browser, operating system and screen.

Usage no npm install needed!

<script type="module">
  import detectizr from 'https://cdn.skypack.dev/detectizr';
</script>

README

Detectizr

Build Status Stories in Ready devDependency Status

Detectizr is a Modernizr extension to detect

  • device
  • device model
  • device orientation
  • screen size
  • operating system
  • operating system version
  • operating system version full
  • 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>
      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 wirtten in PHP. Detectizr inspired by its device detection.
  • [CSS Browser Selector] (http://rafael.adm.br/css_browser_selector/ "CSS Browser Selector") is a client side browser detection script. Detectizr inspired by its browser detection.