ng-device-detector

Angular module to detect OS / Browser / Device

Homepage

Angular Core Dependency: ~1.6.2

Module License: MIT

Added by: Sam Deering

GitHub

Repository

srfrnk/ng-device-detector

Stats

Stars: 81

Watchers: 81

Forks: 19

Author

Srfrnk
Srfrnk

Module Description

#ng-device-detector ##Angular module to detect OS / Browser / Device

Build Status

Uses user-agent to set css classes or directly usable via JS. See website: http://srfrnk.github.io/ng-device-detector

Install

  • Run $ bower install ng-device-detector --save
  • Add script load to HTML:<script type="text/javascript" src=".../re-tree.js"></script>
  • Add script load to HTML:<script type="text/javascript" src=".../ng-device-detector.js"></script>
  • Add module to your app dependencies: ...angular.module("...", [..."ng.deviceDetector"...])...
  • To add classes - add directive like so- <div ... device-detector ...>
  • To use directly add "deviceDetector" service to your injectors...

deviceDetector service

Holds the following properties:

  • raw : object : contains the raw values... for internal use mostly.
  • os : string : name of current OS
  • browser : string : name of current browser
  • device : string : name of current device

Support

At first I added just major browser, OS, device support. With help from mariendries,javierprovecho and crisandretta more support was added. [The current list of supported browser,OS, device can be easily viewed in here] (https://github.com/srfrnk/ng-device-detector/blob/master/ng-device-detector.js).

Pull-requests with new stuff will be highly appreciated :)

Example

See plunker

License

MIT License

Module stats last updated: 2017-10-02 16:00:03

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!