Welcome to MSDN Blogs Sign in | Join | Help

Introducing Compatibility View

At the start of the Internet Explorer 8 project we made a commitment to great website compatibility. It’s worth noting that this commitment hasn’t changed, even given the short-term impact of our announcement to better align with Microsoft’s interoperability principles. In other words, compatibility has been and continues to be a very important part of the Internet Explorer 8 feature set.

With Beta 2 we’re announcing a brand new feature known as Compatibility View. In a nutshell, Compatibility View allows content designed for older web browsers to still work well in Internet Explorer 8.

Compatibility View and End Users

When a web site says that it supports modern web standards, Internet Explorer 8 respects that and displays the site using its most standards compliant mechanism. In the majority of cases, this works out just fine. However, every once in a while, a page that says “display me using modern standards” really means “display me like Internet Explorer 7 used to display modern standards pages”. This is where Compatibility View comes in.

There are a bunch of changes under the hood, but the main points to know are –

  • Sites on the public internet still display in IE8 Standards Mode by default.
  • Switching in and out of Compatibility View (between IE7 and IE8 modes) happens on the fly without a browser restart.
  • Compatibility View is domain specific.

A new UI button located in the navigation bar just to the right of the address bar (next to the refresh button) controls the Compatibility View feature and replaces the Emulate IE7 button from Beta 1.

Compatibility View Button

IE only displays this button when toggling into Compatibility View makes sense, such as when viewing Standards mode pages. In all other cases, such as when viewing Quirks mode pages or viewing intranet sites (they’re already being displayed in Compatibility View as discussed later in this post), IE hides the button.

Depending on the speed of your machine, you may see the page refresh when the Compatibility View button is selected. In any case, a balloon tip lets you know that the site is now running in Compatibility View. Additionally, the Compatibility View icon shows a “pressed” state so that you can know what view you’re running in after the balloon tip disappears.

Compatibility View Button Depressed with Balloon message indication of Compatiblity View

The "scope" of emulation is limited to the domain you are viewing when you press the button, not some other mechanism like the life of the process or the tab. And, Internet Explorer remembers your preference by storing the domain in a client-side list so that the next time you visit the site you don't have to press the button again.

Compatibility View and the Enterprise

A large number of line-of-business websites are Internet Explorer 7 capable today. In order to preserve compatibility, Internet Explorer 8 ships with smart defaults based on zone evaluation. In the default state, all sites on the public internet display in Internet Explorer 8 Standards mode (Compatibility View off) and all intranet websites display in Internet Explorer 7 Standards mode (Compatibility View on).

Let’s look at some examples.

If you navigate to sites on the Internet like www.msn.com and www.live.com, Compatibility View is off by default. Internet Explorer 8 identifies itself with a User Agent string of ‘8’, Version Vector of ‘8’ and displays webpages that trigger standards mode in Internet Explorer 8 Standards mode. The same is also true if you navigate by IP address, such as http://192.168.0.1. As Internet Explorer can’t tell offhand whether the IP address is internal or external, it assumes the latter. Use Compatibility View to fix problems with websites in this category just like you used to use the Emulate IE7 button.

If you navigate to sites on your local intranet like http://myPortal and http://sharepoint/sites/mySite, Internet Explorer 8 identifies itself with a User Agent string of ‘7’, Version Vector of ‘7’, and displays webpages that trigger standards mode in Internet Explorer 7 Standards mode. This combination allows webpages that worked correctly in Internet Explorer 7 to continue to do so in IE8.

Just for completeness, it’s also worth noting that local pages such as ‘C:\Temp\MyWebPage.htm’ display in Internet Explorer 8 mode (Compatibility View off) by default.

A new entry in the ‘Tools’ menu allows for advanced configuration of the feature.

Internet Explorer Tools Menu with Compatibility Mode Selection

Internet Explorer Tools Compatibility Settings Menu

You can configure all intranet sites to display in Internet Explorer 8 mode. You can also configure policy such that every site is viewed in Internet Explorer 7 Compatibility View (identical to the behavior from Internet Explorer 8 Beta 1 when the Emulate IE7 button was pressed). Lastly, you can pre-populate a list of sites that should always be viewed in Compatibility View and / or edit the current entries that are populated via Compatibility View button press. This is especially handy if you encounter a Quirks mode site that is blocking Internet Explorer 8 due to incorrect User Agent String detection – you can add the site in question to the compatibility list and be on your way.

The entire feature is Group Policy enabled, giving you the most granular level control over the various knobs and switches. Most settings can also be configured using the IEAK.

Compatibility View and Web Developers

If you develop pages according to modern web standards and use the DOCTYPE directive to indicate layout mode, Internet Explorer behaves just as you would expect – Quirks DOCTYPEs map to Quirks mode and Standards DOCTYPEs map to IE8 Standards mode. And, just as in Beta 1, you can opt-out of IE8 Standards mode via <META> tag / HTTP header.

The best way to ensure users have a great experience with your website, and thus don’t have to use the Compatibility View feature at all, is to test your site using Internet Explorer 8 and update it as necessary. In the event that a user selects Compatibility View for your site, you can “bring them back” to your desired layout mode via use of the version targeting <META> tag / HTTP header. A new content value, ‘IE=EmulateIE8’, rounds out the list of supported values and assists in this particular scenario.

Content Value

Details

IE=EmulateIE8

Display Standards DOCTYPEs in IE8 Standards mode; Display Quirks DOCTYPEs in Quirks mode. Use this tag to override compatibility view on client machines and force Standards to IE8 Standards.

The presence of the <META> tag / header serves as an indication that the site has been updated to support IE8 and its value “wins” over whatever mode Compatibility View on the client would have resulted in. The presence of the tag / header also has some other side effects. For one, it triggers clean-up of the user list entry, ensuring that long-term the client’s user list gets pruned and you don’t have to keep the <META> tag / header in place forever. (BTW, the user list also gets pruned when you choose to delete browser history). For another, presence of the tag / header causes the top-level command bar icon for Compatibility View to not be displayed, effectively preventing most users from adding your site to the Compatibility View list.

A new tag in the User Agent string allows for detection of clients viewing your site in Compatibility View. This tag is also present in the “normal” Internet Explorer 8 User Agent string.

  • Compatibility View:
    User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0; SLCC1; Media Center PC 5.0; .NET CLR 3.5.21022)

  • Updated IE8 UA String:
    User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; Media Center PC 5.0; .NET CLR 3.5.21022)

Finally, an update to the Developer Toolbar completes the feature set. The new ‘Browser Mode’ menu lets you modify how Internet Explorer behaves as well as how it reports its version to servers and websites. This lets you use Internet Explorer 8 to see what your site looks like in IE8 (the default), what your site looks like in IE7, and what your site looks like for users in IE8 who are running in Compatibility View.

IE8 Developer Tools with Compatibility Browser Mode

The ‘Document Mode’ menu continues to exist independently of ‘Browser Mode’ to let you see what your site would look like if you changed the layout mode by using a different DOCTYPE or the <META> tag.

Summary

We hope you find the new Compatibility View feature a noticeable improvement over the Emulate IE7 button experience.

If you encounter problems with a specific website that Compatibility View doesn’t resolve, we’d like to know about it. The Report a Webpage Problem tool will help you submit a report.

Scott Dickens
Lead Program Manager

edit: updated ALT text for images

Published Wednesday, August 27, 2008 12:11 PM by ieblog

Comment Notification

If you would like to receive an email when updates are made to this post, please register here

Subscribe to this post's comments using RSS

Comments

# Internet Explorer 8 Beta 2 Now Available

Wednesday, August 27, 2008 3:16 PM by IEBlog

We’re excited to release IE8 Beta 2 today for public download. You can find it at http://www.microsoft.com/ie8

# Public beta 2 of Internet Explorer 8 is now available!

Wednesday, August 27, 2008 3:42 PM by Expression Web team blog

A public BETA of Internet Explorer 8 is now available for download at http://www.microsoft.com/ie8 .&#160;

# Internet Explorer 8 Beta 2 Now Available

Wednesday, August 27, 2008 3:51 PM by No1 Microsoft Fan

We’re excited to release IE8 Beta 2 today for public download. You can find it at http://www.microsoft

# re: Introducing Compatibility View

Wednesday, August 27, 2008 4:11 PM by Sander

Have you considered the insanity this will cause when a website is developed on the local 'intranet' (where most development servers live) and then deployed to the live website?

# A Comprehensive Look at Internet Explorer Beta 2

Wednesday, August 27, 2008 4:21 PM by The Windows Experience Blog

Today, the Internet Explorer Team has made available Internet Explorer 8 Beta 2 for all to download.

# Public beta 2 of Internet Explorer 8 is now available!

Wednesday, August 27, 2008 4:30 PM by Mirrored Blogs

A public BETA of Internet Explorer 8 is now available for download at http://www.microsoft.com/ie8 .&#160;

# re: Introducing Compatibility View

Wednesday, August 27, 2008 4:52 PM by Richard Fink

I'll keep an open mind about this feature until I personally experience it with IE8, but this seems like a confuser for sure.

# re: Introducing Compatibility View

Wednesday, August 27, 2008 5:01 PM by Samiq

pingback from http://bits.samiq.net

[... for this Microsoft has enabled a way for site owners to specify the type of treatment they want their sites to have. Specifically, the type of engine used to render their content, also known as the Compatibility View

...

After downloading and installing aggiorno express, getting your sites ready for IE8 is as easy as launching the application, selecting the source folder of your web site, deciding where the new web site should be stored, choosing the flag you want to meta tag your pages with and hitting Start!

... ]

# re: Introducing Compatibility View

Wednesday, August 27, 2008 5:04 PM by Excuse Me?

Why is BROKEN-DOM and BROKEN-CSS turned on by default for IntrAnet sites? ("a")

Of all the sites that get fixed pronto, this is the top of the list.

Thanks for holding back the web again.

# Internet Explorer 8 Beta 2 Now Available

Wednesday, August 27, 2008 5:11 PM by Me about things...

It was announced some time ago and right on time the IE team released the second beta of Internet Explorer

# re: Introducing Compatibility View

Wednesday, August 27, 2008 5:22 PM by hypotheekrente

Congratz for Public beta 2! We as MS lovers appreciate it!

# Internet Explorer 8 Beta 2 Now Available

Wednesday, August 27, 2008 5:30 PM by New Zealand IE8 Taskforce

We’re excited to release IE8 Beta 2 today for public download. You can find it at http://www.microsoft.com/ie8

# re: Introducing Compatibility View

Wednesday, August 27, 2008 5:38 PM by Johnathan

I had to laugh at the IE8 download page.. listed under "features" was "Compatability Mode".

So, basically, the fact that IE was "Broken", is now a "Feature" in IE8?

nice.

# re: Introducing Compatibility View

Wednesday, August 27, 2008 5:44 PM by wu

Can you make InPrivate open in a new tabs.

Kinda annoying that when using a inprivate mode it opens in a new IE windows.

# Internet Explorer 8 Beta 2 Launched Today: Immediate Website Updates Required for Internet Explorer 8 Beta 2 Compatibility

Wednesday, August 27, 2008 6:02 PM by Microsoft on ISVs

Today, Microsoft released Windows Internet Explorer 8 Beta 2 in English, German, Simplified Chinese,

# Internet Explorer 8 Beta 2 är nu tillgänglig

Wednesday, August 27, 2008 6:37 PM by Robert Folkesson

Du kan ladda hem och installera den här . Har du Beta1 installerad måste den först avinstalleras, kör

# re: Introducing Compatibility View

Wednesday, August 27, 2008 7:52 PM by AC

I see a problem with this approach:

1. People get a bunch of broken sites.

2. People decide to give up and use compatibility mode for everything.

3. Standards-compliant sites are forced to use your meta tag just to be displayed correctly by these users.

# re: Introducing Compatibility View

Wednesday, August 27, 2008 8:22 PM by Xander

First up, congrats on the b2 release, here's hoping that testing proves it to be worth the wait. :-)

Ok... now can someone tell me who thought it was a good UI design idea to deliberately put (move) the IE7 "Compatibility Mode" button to BETWEEN THE ADDRESS BAR AND THE REFRESH BUTTON??

Seriously...?

# 불안을 줄여줄 Internet Explorer 8 베타2!

Wednesday, August 27, 2008 11:00 PM by bkchung's WebLog

Windows Internet Explorer 8 Home page (홈페이지) Internet Explorer 8: Worldwide sites (다운로드) Internet Explorer

# re: Introducing Compatibility View

Wednesday, August 27, 2008 11:11 PM by LD

This is leaps and bounds above IE7 feature-wise, but I'm not convinced that it's fully CSS 2.1 compliant (yet).  I hope that work is still in progress.  

Maybe I'm looking at this through the wrong lenses, but Firefox 2+ and Safari 3 render a number of sites with nearly identical precision.  The same sites in IE8 standards mode look like they were rendered in IE7 when it attempted to render in standards mode.  And in this case, I know we're not dealing with poorly structured conditional comments or server controlled CSS files.

The last thing we need is another version of IE on the market that designers have to specially code for because it interprets compliance differently from everyone else.

Can you guys speak to the progress of CSS 2.1 compliance in IE8 beta 2?

# re: Introducing Compatibility View

Thursday, August 28, 2008 2:20 AM by F C

What happened with the FEATURE_NATIVE_DOCUMENT_MODE registry key which was controlling the web browser control mode? It looks like it is not used anymore ... Did you add a web browser control interface to control the rendering mode?

# re: Introducing Compatibility View

Thursday, August 28, 2008 2:44 AM by Koby Kahane

So much for "standards compliant by default"...

As others have observed, the different default behavior between the Intranet and Internet zones is likely to cause a great deal of confusion. Let corporations opt in to Intranet Compatibility Mode with a GPO as needed rather than holding back the Web.

# IE8 beta2

Thursday, August 28, 2008 3:40 AM by Weblogul lui Zoli

Se poate descărca . Dacă v-ați jucat cu beta1, trebuie să-l dezinstalați. Detalii aici . Tudor ne povestește

# re: Introducing Compatibility View

Thursday, August 28, 2008 4:32 AM by Vasil Dinkov

OK, thanks for all the hard work! Please keep it up!

I hope this is not the final version of Trident that will ship with IE8.0 final as I noticed quite many bugs.

I am not going to report them all as I don't have access to a decent bug reporting tool but here's one very simple - document.documentElement.clientWidth/Height differs in IE8 mode and in Compatibility View mode (of course, it is incorrect in IE8 mode, that's why I am reporting it).

Check out this simple test case if you like:

http://files.myopera.com/smartmenus/files/bugs/bug-ie8beta2-docelm-props.html

# re: Introducing Compatibility View

Thursday, August 28, 2008 5:11 AM by ליאור וול

hey, why not incloude IE6 mode also in Developer Toolbar and make web developers lifes much better?

p.s

"Browser Mode" and "Document Mode" looks the same to me, i think they should be marged.

# and another thing...

Thursday, August 28, 2008 5:14 AM by ליאור וול

does IE8 have something like *css (IE7) or _css (IE6)

(for example _border:1px;*border:2px; etc.)

thanks

# re: Introducing Compatibility View

Thursday, August 28, 2008 8:31 AM by Jean-Philippe

I'm a Firefox user but I congratulate the IE team for their efforts to make the transition to a more standards Web the least painful possible. I understand that it cannot be done with a yes/no approach since there is so many sites made to work on IE6 only. So I'm eager to see this new version deployed and what will come for the next IE versions too. Good work.

# Apache httpd configuration for IE7 standard mode rendering in IE8

Thursday, August 28, 2008 8:36 AM by Hanu Kommalapati's blog

(Note: The following instructions are for information purpose only and correspond to Apache 2.2 on Windows.

# re: Introducing Compatibility View

Thursday, August 28, 2008 8:53 AM by Richard Fink

The compatibility mode button is a gutsy maneuver, I understand the reasons for  it and I give you credit.

But many will find the rules as to when the button pops up confusing and/or inconvenient.

This needs some clarification to answer the question: "What do I, as a page author, need to do to keep the compatibility mode button from popping up."

For example, this makes my brain twirl a little:

"A large number of line-of-business websites are Internet Explorer 7 capable today. In order to preserve compatibility, Internet Explorer 8 ships with smart defaults based on zone evaluation. In the default state, all sites on the public internet display in Internet Explorer 8 Standards mode (Compatibility View off) and all intranet websites display in Internet Explorer 7 Standards mode (Compatibility View on)."

So what exactly does that mean?

# re: Introducing Compatibility View

Thursday, August 28, 2008 10:26 AM by Mike

Much as I dislike this I can see some valid reasons for it but shouldn't the behaviour be to switch to IE6 mode rather than IE7?

One of the main reasons IE7 take-up has been so slow within corporations is because many 'enterprise' and intranet apps only work properly in IE6.

# re: Introducing Compatibility View

Thursday, August 28, 2008 10:36 AM by Will Peavy

@LD - IE8b2 passes Acid 2 (http://www.webstandards.org/files/acid2/test.html#top). Default padding/margins for elements is not defined in the CSS spec, and are assigned by browser manufacturers - this may account for differences you are seeing. If you build sites, are you using CSS reset rules to set margins/padding the same across browsers?

# re: Introducing Compatibility View

Thursday, August 28, 2008 10:40 AM by Calum

NO! You have completely broken the UI! Keep the improvements, like:

-Position of Refresh/Stop buttons

-Search/Address suggestions

but make it look like IE7! Add icons for EVERY toolbar button! Get rid of the stupid toolbar colour!

# re: Introducing Compatibility View

Thursday, August 28, 2008 10:49 AM by Chris

Shouldn't there be some sort of visual indication that a tab is in compatibility mode?

Maybe change the colour or add an icon.

# re: Introducing Compatibility View

Thursday, August 28, 2008 12:01 PM by Scott Dickens [MSFT]

@ F C

FEATURE_NATIVE_DOCUMENT_MODE has been replaced by FEATURE_BROWSER_EMULATION.

HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION]

“iexplore.exe” = dword:8

               (possible values of 7 or 8)

# re: Introducing Compatibility View

Thursday, August 28, 2008 1:10 PM by LD

@Will

Yes, generally we do use resets.  But one thing I've noticed that may or may not be related is alignment.  I've seen more than a handful of sites that are centered on screen in Firefox, Safari, IE7, and IE6 that are left aligned in IE8.  I'm not completely sure what would cause that.

# Consumers Begin Using Internet Explorer 8 Beta 2

Thursday, August 28, 2008 1:17 PM by US ISV Developer Evangelism Team

The next beta for Internet Explorer has been released for broad distribution to the public, according

# re: Introducing Compatibility View

Thursday, August 28, 2008 2:15 PM by Tim Hettler

I understand that including the IE6 engine for normal users might be prohibitive because of the weight it would add to the program, but releasing a "developer" version of IE8 that included the IE6 rendering engine would be a huge boon for developers.

# IE8b2 is more compatible than any older version

Thursday, August 28, 2008 3:01 PM by Jacques

It's the first release of Internet Explorer in a decade that I can't find anything to say against it.

IE8 is the first version being compatible with the Internet without requiring extensive rewrites or hacks.

Thank you for making IE8 standards-based.

# re: Introducing Compatibility View

Thursday, August 28, 2008 5:07 PM by BradC

Compatibility View is a good feature.  But please don't enable it by default on intranet sites.  Standards compliant mode should be the default everywhere.  The inconsistencies caused by defaulting to compatibility view mode in the intranet and standards mode elsewhere will cause a lot of confusion.

Also, the button for enabling compatibility mode should NOT go between the address bar and the refresh button.  That is going to confuse users into thinking it IS the refresh button.

# re: Introducing Compatibility View

Thursday, August 28, 2008 6:04 PM by Jacques

When using a proper Doctype declaration, I love the fact that IE does not try display the compatibility button at all. Which is very good for us doing both intranet and Internet sites.

Thank you again for not trying to reinvent the wheel.

# re: Introducing Compatibility View

Friday, August 29, 2008 7:15 AM by Kirill Tropin

Hi

That's really cool feature, and I've tried it a little bit on the "acid2 test".

In IE8 mode it works fine. When I press compatibility mode button - it looks like in IE7. But when I unpress button it doesn't come back to the full IE8 view.

It looks like this: http://farm4.static.flickr.com/3127/2808529696_6609d6f18b_o.png

After refresh it works fine.

Hope this help make IE better )

And what about acid3 test? http://acid3.acidtests.org/

With IE8 it works much more better then with IE7, but still not pass it..

# re: Strict HTML not Rendered Correctly Outside Compatibility View

Friday, August 29, 2008 7:46 AM by Jonathan Edwards

This website (http://www.hurricanezone.net) validates at w3.org as XHTML 1.0 Strict, yet IE8 displays the Compatibility button and does not render the pages correctly unless you enable Compatibility View. Firefox 3 and Safari 3 agree on how these pages should render (so did IE7, for that matter).

The question I would have is why would IE8 not recognize the validation and handle the strict code, if it is standards compliant?

# COMPLETELY ACCEPTABLE

Saturday, August 30, 2008 2:51 PM by JAB Creations

While the ability to almost instantly switch between IE7 and IE8 without having to close the browser tab/window is grand indeed it is ****COMPLETELY**** unacceptable to have IE7 as the default rendering engine for localhost. *THAT* is what has angered a lot of people and I have read brought criticisms from Opera. I have to agree, this default essentially negates all the hard work you folks have been doing to make IE8 render CSS properly.

You guys are capable of 180's, let's see localhost default to IE8's desired/standards compliant rendering mode for Beta 3. This completely overshadows all the work that has been done thus far...

# Internet Explorer Application Compatibility VPC Image

Saturday, August 30, 2008 3:46 PM by ASPInsiders

Do you want to try Internet Explorer 8 beta 2? Or do you want to test your website with XP and Internet

Leave a Comment

(required) 
required 
(required) 
 
Page view tracker