Monday, May 4, 2015

IE: Issue with Compatibility View settings in Internet Explorer 11

I wrote a Web app using AngularJS for an intranet site. Everything works fine, except a few users reported that they were seeing a blank screen. They confirmed that they were running the latest version of IE 11. But when I check it on mine, the page shows up properly.

It turns out those users have one thing in common: under Tools > Compatibility View settings, the "Display intranet sites in Compatibility View" option was checked. The simplest solution is to ask the user to uncheck that option, which is not ideal.

A better solution is to use a meta tag to instruct IE to always use the latest standards rendering mode:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

It would prevent IE from rendering the page with an older rendering engine. And now my Web app displays correctly regardless of the Compatibility View settings.

Understanding Compatibility Modes in Internet Explorer 8 - We know IE! - Site Home - MSDN Blogs
Fix site display problems with Compatibility View - Windows Help

No comments: