Detect browser type and version in AngularJS and display a message if is not supported

Question

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?

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
– dmeglio, Commented Jul 19, 2015 at 2:03
@stdob-- I get that one you mention from here 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
– ReynierPM, Commented Jul 19, 2015 at 2:14
you can start your project with initial setup. I recommend to use modernizr.com to detect your needs — Joao Polo
– Joao Polo, Commented Jul 20, 2015 at 13:33

Code Warrior · Accepted Answer · 2015-07-20 02:00:37Z

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.

edited Jul 20, 2015 at 2:00

answered Jul 19, 2015 at 2:36

Code Warrior

4386 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ReynierPM Over a year ago

Can you provide a integration using the example on the link you leave and Angular side? How that works?

Collectives™ on Stack Overflow

Detect browser type and version in AngularJS and display a message if is not supported

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related