How do I block my webpage from opening in Internet Explorer 11?

Question

I found an old solution online for validating what browser a user is using, and have it display a message: https://github.com/bml3i/browser-validator-js

Unfortunately, the "msie" portion of the code doesn't seem to be working with IE 11. Is there a simple solution I can use in order to display a message to IE 11 users that the webpage will not display correctly on their browser?

Thank you! (◕‿◕✿)

checkout this answer which includes IE 11 https://stackoverflow.com/a/9851769/1309377 Once you detect its IE you can display whatever you want — Andrew Lohr, Apr 09 '18 at 16:25

score 1 · Answer 1 · answered Apr 09 '18 at 16:42

You have a few options

Bowser - Will detect browser, then you can run whatever JS you want (good for triggering something like a modal)
Outdated browser - Probably more than what you're looking for, but may be a good option

CSS only - this works for IE 10 & 11

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
        /* Put your IE-only styles here. Works for IE 10 & IE 11*/
    }

How do I block my webpage from opening in Internet Explorer 11?

1 Answers1