How can I test my web pages in Microsoft Internet Explorer on a Mac?
Once you've virtualized Windows on your Mac, you can also try the Mutiple IE installer to get a variety of flavors of Internet Explorer without having to create separate VM instances.
- Multiple IE Installer
If you're just wanting to see a simple screenshot of how the page will render in various browsers, you can try the free service browsershots or there are a number of services that will automatically test your pages in multiple browsers.
- browsershots.org
Update: Microsoft now provide virtual machine images for various versions of IE that are ready to use on all of the major OS X virtualisation platforms (VirtualBox, VMWare Fusion, and Parallels).
Download the appropriate image from: https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
On an Intel based Mac you can run Windows within a virtual machine. You will need one virtual machine for each version of IE you want to test against.
The instructions below include free and legal virtualisation software and Windows disk images.
- Download some virtual machine software. The developer disk images we're going to use are will work with either VMWare Fusion or Sun Virtual Box. VMWare has more features but costs $80, Virtual Box on the other hand is more basic but is free for most users (see Virtual Box licensing FAQ for details).
- Download the IE developer disk images, which are free from Microsoft: http://www.microsoft.com/downloads/...
- Extract the disk images using cabextract which is available from MacPorts or as source code (Thanks to Clinton).
- Download Q.app from http://www.kju-app.org/ and put it in your /Applications folder (you will need it to convert the disk images into a format VMWare/Virtual Box can use)
At this point, the process depends on which VM software you're using.
Virtual Box users
Open a Terminal.app on your Mac (you can find it in /Applications/Utilities) and run the following sequence of commands, replacing input.vhd with the name of the VHD file you're starting from and output.vdi with the name you want your final disk image to have:
/Applications/Q.app/Contents/MacOS/qemu-img convert -O raw -f vpc "input.vhd" temp.bin VBoxManage convertdd temp.bin "output.vdi" rm temp.bin mv "output.vdi" ~/Library/VirtualBox/VDI/ VBoxManage modifyvdi "output.vdi" compact
- Start Virtual Box and create a new virtual machine
- Select the new VDI file you've just created as the boot hard disk
VMWare fusion users
Open a Terminal.app on your Mac (you can find it in /Applications/Utilities) and run the following commands, replacing input.vhd and output.vmdk with the name of the VHD file you're working on and the name you want your resulting disk image to have:
/Applications/Q.app/Contents/MacOS/qemu-img convert -O vmdk -f vpc "input.vhd" "output.vmdk" mv "output.vmdk" ~/Documents/Virtual\ Machines.localized/
This will probably take a while (It takes around 30 minutes per disk image on my 2.4GHz Core 2 Duo MacBook w/ 2Gb RAM).
- Start VMWare Fusion and create a new virtual machine
- In the advanced disk options select "use and existing disk" and find the VMDK file you just created
There's three different methods that I recommend:
Cloud-based interactive virtual machines
Use something like SauceLabs or BrowserStack. You'll be able to pick a browser of choice, enter a url and use a real OS with the real browser and test and interact as much as you need. Both of these also support setting up a tunnel to/from your own machine so any local hostnames will work fine.
There is also CrossBrowserTesting, browserling/testling, which seem to have similar services although I haven't used these myself.
Local virtualization
You can use VirtualBox (free and open-source, similar to VMWare or Parallels) to create one or more virtual machines on your computer. You may or may not know this, but you do not need to get an official copy of Microsoft Windows for these virtual machines. Microsoft offers free VM images of simplified Windows installations for the purposes of testing Internet Explorer and Microsoft Edge (download). Check one of these articles to get that up and running:
- Testing IE6, 7, 8 and 9 on Mac OS X, 2011-06, xairon.net
- Internet Explorer for Mac the Easy Way, 2011-09, osxdaily.com
In the past, there were also native Mac applications (such as ies4osx), or as a Windows application which requires a VM if you don't have Windows (such as IETester or MultipleIEs). The downside is that these emulations are often less stable than the real client, and are even harder to debug with because they don't run in the natural environment of the browser. Sometimes causing errors that don't occur in the real browser, and maybe not having bugs that the real browser would have.
Cloud-based screenshots factory
If you don't need interactivity and or need a cheaper solution (note that this method may not always be cheaper, do a little research before making assumptions) there are also services online that, like the previous one, have access to real browser/OS environments. But contrary to the previous, don't grant interactive access to the actual machines but only to get screenshots. This has both an upside and a downside. The downside is that you can't interact with it. The upside however is that most of these allow easy summarizing of screenshots so you don't have to start session after another and get screenshots.
Some I've used:
- BrowserShots (free and used to be my favorite, although the slowness made alternatives more attractive)
- Adobe BrowserLab (also free, requires an Adobe ID. Not as much options and coverage as BrowserShots, but: no delay, instant screenshots, compare views and ability to let the screenshot be taken after a given number of seconds instead of right away (to test asynchronous stuff).
- CrossBrowserTesting (not free, but also has an interactive environment (see previous method) and a screenshot factory that is like your own private "BrowserShots" site)
Litmus is another web-based alternative.