Published By Joshua Sandoval

Twitter Facebook Testing Legacy IE

Goodbye Virtual Machines

IE logo

This article is all about a nifty trick on Microsoft Windows 10 in the (non-edge) Internet Explorer browser that allows one to do IE (5-9) legacy testing.

Now to start testing on legacy IE, you need to do a few things:

  1. Open the document you wish to test.
  2. Add the appropriate meta tag. (I'll talk about that soon…)
  3. Redirect (has to be a redirect, reloading doesn't work…) to the page you placed the tag in.

Okay 👌 here's the trick for each individual browser:

And as a warning: this works (in IE11 and earlier), but really isn't a valid a testing methodology, I still recommend you use a virtual machine for absolute testing.

For IE 5:

<meta http-equiv="X-UA-Compatible" content="IE=5" />
IE5 LoadstarCode snap

Oh! Looks like LoadstarCode isn't optimised for IE 5! (Not like that matters…)

For IE 6:

<meta http-equiv="X-UA-Compatible" content="IE=6" />
IE5 LoadstarCode snap

Well… it looks the same. Well, let's try IE7 for a change!

For IE 7:

<meta http-equiv="X-UA-Compatible" content="IE=7" />
IE5 LoadstarCode snap

Well… it's a little better… but the page doesn't scroll… we don't optimise IE5-7 obviously.

For IE 8:

<meta http-equiv="X-UA-Compatible" content="IE=8" />
IE5 LoadstarCode snap

Ah! Finally! An optimised version of LoadstarCode!

For IE 9:

<meta http-equiv="X-UA-Compatible" content="IE=9" />
IE5 LoadstarCode snap

We obviously optimise for IE9 as well.

For IE 10:

<meta http-equiv="X-UA-Compatible" content="IE=10" />
IE5 LoadstarCode snap

And that's the full version of LoadstarCode.

What it should be by default:

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