
Security News
Browserslist-rs Gets Major Refactor, Cutting Binary Size by Over 1MB
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
ng-device-detector
Advanced tools
Uses user-agent to set CSS classes or directly usable via JS. See website: http://srfrnk.github.io/ng-device-detector
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>
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.
Holds the following properties:
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 :)
See plunker
5.1.4 (2019-10-21)
<a name="5.1.3"></a>
FAQs
Uses user-agent to set css classes or directly usable via JS.
The npm package ng-device-detector receives a total of 4,475 weekly downloads. As such, ng-device-detector popularity was classified as popular.
We found that ng-device-detector demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.
Security News
The official Go SDK for the Model Context Protocol is in development, with a stable, production-ready release expected by August 2025.