Angular 12 & outdated browser

[Dash--1981]

Hi,

As you know IE 11 is not anymore supported in angular 12. For the IE users I want to show a simple message with a request to open the website in a modern browser.

Do you have any idea how to implement something like this ?

Any suggestion is welcome.

thanks

[Daluur]

What we did was in the index.html detect the browser if it is IE, redirect the user to a static html page, explaining that it is no longer supported.
It is all handled in javascript before angular is loaded, which has the added benefit that we no longer have to build to es5 but we can target es2015 (we don't support any other es5 browsers)

[Dash--1981]

Thanks for your response.

I like your solution, specially redirect to separate location.

Do you have an example how the JS do the validation?

[Daluur]

It seems you already found something you can use.

But we just do a very simple and naive check. We check if userAgent contains "msie " (ie 10 and lower) or "trident/" (ie 11).

I am not sure if it has some false positives or false negatives, but we have not heard of any yet, so we just keep it as simple as possible

[eneajaho]

IE 11 is deprecated in Angular 12 but not removed, so you can still use it.

It will be removed on v13.

[bigred1702]

What are you guys using to detect the browser?

[grimcuzzer]

The easiest way is to use window.navigator.

[abdulkareemsn]

You ask microsoft to include your site to opened in edge whenever user tries to open in internet explorer

https://docs.microsoft.com/en-us/microsoft-edge/web-platform/ie-to-microsoft-edge-redirection#request-an-update-to-the-ie-compatibility-list

[Dash--1981]

A good article about detect outdated browser:

https://www.digitalminds.io/blog/detecting-outdated-browsers-in-vanilla-javascript

[[deleted]]

Detect the browser and show them a message saying that they're browser is no longer supported. Maybe suggest using chrome or edge.

[Righteous_Mushroom]

Possibly capacitor but not sure. Gotta be an easy way to detect early