This way you don’t have to worry about incorrectly read UA strings or mis-selected settings in your browser emulator. If you do have a site that adjusts itself based on the browser, given the extra steps to configure the browser, test and compare differences, it’s still probably easier and definitely fool-proof to use the specific version of IE that you want to test. The article makes an assumption, however, that as a developer you will want to serve up different doctypes and meta tags based on how the browser reports itself in the user agent string as defined by the Browser Mode.

The article outlines what each of those settings means and how it adjusts the rendering of the page. If you still insist on going down the path of testing using emulators, you should take a few minutes to read the Microsoft article, Testing sites with Browser Mode vs. The best way to truly test how a site renders in older versions of a browser is not by running emulators, but by running the versions of those browsers themselves. This example alone shows that even a quick cross-browser test in IE9 to test older versions of IE may provide unexpected results.Įven if you understand all the document and browser modes available in the IE developer tools, that doesn’t mean your web staff, client, or random web savvy user will. I would have expected it to use IE8, or at least some clear indication of which browser version it is trying to emulate. Internet Explorer 9: IE9 Standards Document ModeĪssuming you simply toggle the “Compatibility Mode” in IE9, which of all the above combinations do you think you’ll get? Or better yet, how do you think your page will render? This experiment shows that it most closely resembles the rendering used for its IE7 browser and document modes. This is as close as you can get to testing IE6, and even that doesn’t do justice to some of the rendering issues of that rather old browser. You might notice that “Quirks Mode” most closely resembles the rendering in IE6 above, without the issues displaying PNG files. You can also run the browser in the following slightly confusing modes. Document Mode: IE8.īut those aren’t all the modes. Using combinations of those two settings, I generated the following screen shots: The confusing part is that not only is there a Browser Mode setting, there is also a Document Mode setting. Many developers think that IE9 will allow them to see how older versions of the browser saw pages, and to some extent it will. Unless you are willing to spin up a virtual machine for the last few versions of IE you want to test (and I still recommend you at least see how IE6 will munge your pages), you have to rely on emulators. The problem is that once you install IE9 you are kind of stuck. IE6 is also not setting the height of the element that is the green box, but from IE7 onward the height declaration is honored. You can see that IE6 has trouble with the 24-bit transparent PNG files, and both IE6 and IE7 apply the padding to the wrapper element differently than IE8 and IE9 do. For the most part we can see differences between IE6, IE7 and IE8, while the differences between IE8 and IE9 are negligible. These images represent screen shots from Internet Explorer versions 6, 7, 8 and 9 - the full install version of each, using default settings, no emulators. This time out I simply found the emulation mode testing process so confusing that I suspect many developers who rely on this method are doing it incorrectly. Historically I have found subtle differences between the emulation modes and how the original version of a browser (specifically IE) might render a page. I whipped up some HTML and CSS of the most basic (and invalid) sort to run my installations of Internet Explorer through the paces. I have seen response after response directing web developers to simply use the different browser modes in Internet Explorer 9 for browser testing, in particular addressing those who are using Macs and do not want to install multiple versions of Windows for each browser instance.

This past week I have encountered people asking about testing for Internet Explorer browser versions in real life, on Twitter, via email, and spray-painted under a bridge (along with the phrase I don’t want the world, I just want your half). Testing IE Versions via IE Compatibility Modes J0 Comments

Ie explorer emulator for mac