How to fetch the device name from the browser using angular2

Question

I have a grid list, where in it gets filled with User device details as soon as the user is logged in. so can anyone help me how do i fetch the device name from the browser and also i need to fetch the location of the system.

This is the Demo of my code.

Ts:

 var isDeviceType = (/iPad/i).test(navigator.userAgent) ?
    "iOS" : (/iPhone/i).test(navigator.userAgent) ?
    "iOS" : (/Android/i).test(navigator.userAgent) ?
    "Android" : (/BlackBerry/i).test(navigator.userAgent) ?
    "BlackBerry" : "Browser";
  console.log(isDeviceType)
  this.isDeviceType = isDeviceType;

From this set of information i am able to get on which i am using my device like Browser but i need to fetch the name of device and i am using navigator.userAgent to detect browser

for me your condition is working, and I m getting `browser` in console — Sravan, Jun 13 '18 at 06:51
@Sravan ya browser is fine, but i need to fetch name of the device — Bhrungarajni, Jun 13 '18 at 06:53
from your code, I can see that the browser name is cmng correct for me, in `chrome` and it is showing `chrome` — Sravan, Jun 13 '18 at 06:59
i am checking on chrome, but i need the name if the device inside chrome — Bhrungarajni, Jun 13 '18 at 07:04
@Sravan i need to fetch the client machine name, any idea please help — Bhrungarajni, Jun 13 '18 at 08:47

score 0 · Answer 1 · answered Jun 13 '18 at 06:54

0

From Javascript, you can only get user agent, not the device details. If you use a framework like phonegap it has API to fetch device details.

Ref: Getting (mobile) device name from javascript

answered Jun 13 '18 at 06:54

shan kulkarni

849
7
18

How to fetch the device name from the browser using angular2

1 Answers1