Monday, May 4, 2015

IE: Issue with Compatibility View settings in Internet Explorer 11

Problem:
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.


Solution:
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.


Ref:
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: