Question

i want to test my website on IE X as appear for normal user who use IEx, but i have confusion with the difference between "Standards" and "Internet explorer X standards" as appeared in the image.

Internet explorer document modes

Was it helpful?

Solution

First things first, please be aware that the IE compatibility modes are not really suitable for testing how your site works in other versions of IE. Setting the browser to IE8 mode does not turn it into IE8. There are features that are missing or different, and there are bugs that make it work differently to a real copy of IE8.

The only way to accurately test for compatibility with old IE versions is to actually run your site in real copies of those old IE versions. I would suggest going to modern.ie, which is Microsoft's site for browser testing. You can download free VMs to allow you to test your site in all versions of IE. Alternatively, they are offering a free 3 month package to the BrowserStack website, which is a nice little service that allows you to test in various browsers and versions online without having to install anything. Give those services a try rather than relying on compatibility mode to work for you.

It's also worth saying that the next IE version (IE11, due out in a few months) won't actually allow you to switch to compatibility mode so easily, for exactly the reasons described above; compat mode will be limited only to sites that explicitly declare themselves as requiring it in the headers. That will make it much harder to use compat mode in the way you're doing now.

Having said that, the compat mode does give a basic level of backward compatibility, and your question is about what those menu options actually mean, so let me explain:

  • Browser Mode: This determines how the browser identifies itself in the User Agent string. (This isn't usually relevant because it doesn't actually affect how the browser works, but occasionally a poorly-written site will check the UA string an change the site according to what it sees). In the screenshot, you've got it set to IE8, so the server might think that you're using IE8, even though you're actually using IE10.

  • Document Mode: This determines the browser's rendering mode. Basically, selecting anything other than the top "Standards" option here will switch off various modern browser features in an attempt to make the browser more backward-compatible with the browser version you select. As I said above, this isn't really much use for accurate testing, but some sites that were written for older versions and don't work with new versions may find it easier to set this mode than to fix their bugs (this applies especially to company internal sites where it's more important to keep it working than keep it up-to-date).

Hope that helps answer the question.

OTHER TIPS

Add this as the first one in head section of the page:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

This way, the website will be rendered by IE using the latest available version on the client. Which means if the client has IE9, it will use IE9 standard even if the user has added the site to compatibility view.

However, "standard" mode applies only to those pages which have a proper doctype specified. Otherwise, IE will try its best to render the page on its own, and it will be treated as a "Quirks" mode.

If you are sure about a proper doctype, and just want to test how it looks like in other versions, use IEx Standard mode.

Refer: http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top