angular-device-information

angular-device-detector

Installation

To install this library, run:

$ npm install angular-device-detector --save

In your app.module.ts file add DeviceInformationDetectorService as providers

  import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { FormsModule } from '@angular/forms';
  
  import { AppComponent } from './app.component';
  import { DeviceInformationDetectorService } from 'angular-device-detector';
  
  @NgModule({
    imports:      [ BrowserModule, FormsModule ],
    providers:[AngularDeviceInformationService],
    declarations: [ AppComponent ],
    bootstrap:    [ AppComponent ]
  })
  

**In your component where you want to use the Device Service**
 
 import { Component } from '@angular/core';
 ...
 import { AngularDeviceInformationService } from 'angular-device-information';
 ...
 @Component({
   selector: 'home',  // <home></home>
   styleUrls: [ './home.component.scss' ],
   templateUrl: './home.component.html',
   ...
 })

 export class HomeComponent {
   deviceInfo = null;
   ...
   constructor(private http: Http, private deviceInformationService: AngularDeviceInformationService) {
 
            console.log(deviceInformationService.isMobile());  // returns if the device is a mobile device (android / iPhone / windows-phone etc)
            console.log(deviceInformationService.isTablet());  // returns if the device us a tablet (iPad etc)
            console.log(deviceInformationService.isDesktop()); // returns if the app is running on a Desktop browser.
            console.log(deviceInformationService.getDeviceType()); // returns if the app is running on a Desktop browser.
            console.log(deviceInformationService.getDeviceInfo().os);  // returns os name
            console.log(deviceInformationService.getDeviceInfo().osVersion);  // returns os version
            console.log(deviceInformationService.getDeviceInfo().browser);  // returns browser name
            console.log(deviceInformationService.getDeviceInfo().browserVersion);  // returns browser version
            console.log(deviceInformationService.getDeviceInfo().browserMajorVersion);  // returns full browser version
            console.log(deviceInformationService.getDeviceInfo().screen_resolution);  // returns screnn size
            console.log(deviceInformationService.getDeviceInfo().cookies);  // returns cookies enabled or no 
            console.log(deviceInformationService.getDeviceInfo().userAgent);  // returns userAgent
   }
   
 }

```