A simple angularJs service to detect platform, browser and version.
live demo here
You can directly clone/download here
git clone https://github.com/sibiraj-s/ng-browser-detector.gitor use cdn
Minified:
//cdn.jsdelivr.net/npm/ng-browser-detector@latest/ng-browser-detector.min.jsPretty Printed:
//cdn.jsdelivr.net/npm/ng-browser-detector@latest/ng-browser-detector.jsor
Install via Package managers such as npm or yarn
npm install browser-dtector
npm install ng-browser-detector
# or
yarn add browser-dtector
yarn add ng-browser-detectorImport the modules required for ng-browser-detector.
<script src="angular.min.js"></script>
<script src="browser-dtector.umd.min.js"></script>
<script src="ng-browser-detector.min.js"></script>add ngBrowser dependency to the module
const app = angular.module('myApp', ['ngBrowser']);in routes config
function BrowserDetectController($scope, appBrowser) {
$scope.appBrowser = appBrowser;
}
app.controller('BrowserDetectController', ['$scope', 'appBrowser', BrowserDetectController]);to get platform
appBrowser.getPlatformName();refer https://github.com/sibiraj-s/browser-dtector#api for more info
A simple directive is included (usage : optional)
<body browser-detector></body>the directive appends the browser details to element's class, if provided browser-detector="attr" then the details are added as attributes