Setting up IE6, IE7, IE8 and IE9 properly for website testing
Testing your website/application in different Internet Explorer versions is a real challenge. To SEE what the website looks like, there are some great websites to show how your site looks in different browsers. Some of them are:
However, the above will show you how it looks, but not how it WORKS – you can’t use or interact with the website at all – it’s just a screenshot – so for quick visuals, it’s good – but these fall short for us nearly ever time.
How do I test better on my own PC?
The shortcut way (we don’t do this)
There are a few applications that allow to test your site in different browsers, both free and commerce. We sometimes use IETester for a quick check if all IEs display website correctly.
So how do you test with all Internet Explorer versions (6, 7, 8 and 9) on one machine, as NATIVE, properly functioning browsers?
If you want to make sure that your site is displayed properly in all IE versions, the best solution is to have all versions installed on your PC. But as you can not have more then one version of Internet Explorer installed on your PC … and you will probably not want to buy a new PC just to have IE 6 on it… you have to find a circumvent
You can use Virtual PC to create multiple system environments on your PC and install Windows and different Internet Explorer versions on them.
Steps for installing and configuring multiple Virtual PCs
1. Download and install Windows Virtual PC and Windows XP mode
To download and install Virtual PC follow this link to Microsoft website . Choose proper version of your operating system and download the files.
Then install Windows XP mode and Virtual PC on your computer. Run/open the downloaded files and you’ll start the installer. Follow the instructions on the screen and wait for XP mode to be set up by installer.
2. Shut down the Virtual machine
After you’ve created your first virtual machine above, you’ll have Windows XP with IE6. You now need to SHUT DOWN this virtual machine – DO NOT hibernate. Here’s how -
- go to the virtual machines (use Start Menu “virtual machines” – you’re not opening up the virtual machine file folder, but the virtual machines list)
- right click and choose SETTINGS
- Change the “Close” setting to “Prompt for action”
- Save and close
- Start the virtual machine and let it load fully
- “X” to close the virtual machine
- Choose Shut Down (and do not tick the keep settings box – it’s useful to choose!)
3. Duplicate this first machine
Go to virtual machines folder on hard drive
You should have at least two files -
- Windows XP Mode.vmc
- Windows XP Mode.vhd
Copy these two files, and rename to “WinXP with IE7″ for both, so you now also have -
- WinXP with IE7.vmc
- WinXP with IE7.vhd
Open the WinXP with IE7.vmc file with notepad
Scroll down to the <ide_adapter> section – it’s about quarter of the way down in mine there are two lines -
<absolute type="string">D:\UserData\Virtual Machines\Windows XP Mode.vhd</absolute> <relative type="string">.\Windows XP Mode.vhd</relative>
Change the values in both of these to the new virtual hard drive, so -
<absolute type="string">D:\UserData\Virtual Machines\WinXP with IE7.vhd</absolute> <relative type="string">.\WinXP with IE7.vhd</relative>
and save and close the file.
4. To have the new Virtual PC files show up in the Virtual PC list is easy – just RUN the new WinXP with IE7.vmc file (double click it) – and it will automatically add to the Virtual PC list!
You now have a brand new Virtual PC that’s in no way connected to the first one – so that’s first one can be kept as the original and never touched if you wish, and you can copy it to as many new Virtual PCs as you wish (that’s how I’ve done it here).
So now you’re running this new Virtual PC for IE7, we need to install IE7 on it – as at the moment it’s running IE6.
Easy – download and install IE7 – URL is http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=2
Rinse and repeat
6. To do this again for IE8 just follow from step 2 above and repeat for IE8
The download location for IE8 is http://www.microsoft.com/en-us/download/details.aspx?id=43
And that’s it!
We hope that helps someone. If you have any comments or further ideas, please let us know!