ng-device-detector

WebJar for ng-device-detector

License

License

MIT
Categories

Categories

Github Development Tools Version Controls
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

github-com-srfrnk-ng-device-detector
Last Version

Last Version

5.0.2
Release Date

Release Date

Type

Type

jar
Description

Description

ng-device-detector
WebJar for ng-device-detector
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/srfrnk/ng-device-detector

Download github-com-srfrnk-ng-device-detector

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-srfrnk-ng-device-detector/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-srfrnk-ng-device-detector</artifactId>
    <version>5.0.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-srfrnk-ng-device-detector/
implementation 'org.webjars.bower:github-com-srfrnk-ng-device-detector:5.0.2'
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-srfrnk-ng-device-detector/
implementation ("org.webjars.bower:github-com-srfrnk-ng-device-detector:5.0.2")
'org.webjars.bower:github-com-srfrnk-ng-device-detector:jar:5.0.2'
<dependency org="org.webjars.bower" name="github-com-srfrnk-ng-device-detector" rev="5.0.2">
  <artifact name="github-com-srfrnk-ng-device-detector" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='github-com-srfrnk-ng-device-detector', version='5.0.2')
)
libraryDependencies += "org.webjars.bower" % "github-com-srfrnk-ng-device-detector" % "5.0.2"
[org.webjars.bower/github-com-srfrnk-ng-device-detector "5.0.2"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.bower : re-tree jar [0.0.2,0.0.3)
org.webjars.bower : ua-device-detector jar [1.0.1,2)

Project Modules

There are no modules declared in this project.

ng-device-detector

Angular module to detect OS / Browser / Device

Build Status GitHub issues Known Vulnerabilities Open Source Helpers

GitHub license npm npm npm

Commitizen friendly Semver

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

Install

NPM

$ npm install ng-device-detector --save

Bower

$ bower install ng-device-detector --save

Browser (Add scripts in HTML)

<script type="text/javascript" src=".../re-tree.js"></script>
<script type="text/javascript" src=".../ua-device-detector.js"></script>
<script type="text/javascript" src=".../ng-device-detector.js"></script>

Adding 'ng.deviceDetector' to your app module dependencies

angular.module('app', ['ng.deviceDetector']);

Injecting DeviceDetector service in controller

angular.module('app').controller('Home', function($scope, deviceDetector){
  // Awesome stuff
});

To add classes, add directive like: <div device-detector>

Setup

You can set custom detectors at the provider object. The

angular.module('app', ["ng.deviceDetector"])
    .config(['deviceDetectorProvider', function(deviceDetectorProvider) {
      deviceDetectorProvider.addCustom("Custom_UA_Entry", {
        and:["\\bCustom_UA_Entry\\b", {
            not:"\\bChrome\\b"
        }]
      });
    }])
    
    .controller('Home', function($scope, deviceDetector) {
      // (true / false)
      $scope.customUAEntry = deviceDetector.custom["Custom_UA_Entry"];
    });

Custom detectors will also be added as CSS classes with 'is-' prefix and encoded into css class name casing.

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.

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

Example

See plunker

License

MIT License

Versions

Version
5.0.2
1.1.8.1