0

I need to detect the browser type and version from where a Angular app is being accessed. I know there are a few JS libraries out there but don't know which one to use.

The web app is supposed to be supported on the latest editions of Chrome, Safari, Firefox, and Internet Explorer.

I've found this answer but I don't know if is the right way to go, so any advice around this? How I can achieve this?

Community
  • 1
  • 1
ReynierPM
  • 17,594
  • 53
  • 193
  • 363
  • Browser detection is a terrible idea. You should check if the browser has the features you desire, not what version it is. For example many "less common" browsers claim to be IE even though they don't have the same feature set as IE. – dmeglio Jul 19 '15 at 02:03
  • can also use IE conditional comments for IE versions <10 – charlietfl Jul 19 '15 at 02:08
  • 1
    http://srfrnk.github.io/ng-device-detector/ – stdob-- Jul 19 '15 at 02:09
  • @stdob-- I get that one you mention from [here](http://srfrnk.github.io/ng-device-detector/) but is not clear to me how to properly shown a message when browser version is less than an specific value, can you provide a little example as a answer? – ReynierPM Jul 19 '15 at 02:14
  • you can start your project with initial setup. I recommend to use http://modernizr.com/ to detect your needs – Joao Polo Jul 20 '15 at 13:33

1 Answers1

1

If browser not support JavaScript then you can not display that message using JavaScript you need to use

<noscript> Message that has to display </noscript>

and you can apply css to it

if support and you want to check version using ng-device-detector is not possible because it only detect device types, OS types and browser name not version. I found this article which may help. If you still wanna use ng-device-detector here is GitHub source and this is plunker.

Code Warrior
  • 438
  • 6
  • 14
  • Can you provide a integration using the example on the link you leave and Angular side? How that works? – ReynierPM Jul 19 '15 at 21:00