Detect Browsers, Devices and Screen DPI. Add classes to HTML tag to make style separations.
The Device Detector Module = previously known as Mobile Detection plugin., (*1)
The jQuery plugin and PHP class + wordpress plugin are still available in a separated branch called "v2-mobile-detection". With this version 3.0 the module is future proof! 2.* is not prioritized with updates., (*2)
Read more about v2.* in the Wiki, (*3)
Inspired by Foundation i've added some classes to show, hide, and set visibility for most of the directive classes. Show certain divs for iOS only and hide them for Android This is added since 3.2.0 and not really used in production projects this far., (*4)
3.+ is an Angular Module only, (*5)
jkDetectionService: This is the Core Service that handles the checks.
jkDetectionClassesService: A separated service to use with the directives.
In Device Detector 3.0 we have directives to add classes. Best practice is to add the directive in the html tag.
With the classes it's easy to create style separations for your device, browser, screen density or operating system.
To see what classes are added for each device check the jkDetectionClassesService inside
detection-classes: Add all classes for the seperated directives described below.
browser-class: Add classes the users browser to the element.
density-class: Add classes the users device screendensity to the element.
device-class: Add classes the users device to the element.
os-class: Add classes the users operating system to the element.
functional-classes: Add some functional classes for the users device like
The Device Detector uses underscore.js. The module expects you've already have this available on creation., (*7)
Check the wiki for more info, (*8)