Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I test my web pages in Microsoft Internet Explorer on a Mac?

I want to test the web pages I create in all the modern versions of Internet Explorer (6, 7 and 8 beta) but I work mainly on a Mac and often don't have direct access to a PC.

like image 406
georgebrock Avatar asked Sep 11 '08 00:09

georgebrock


People also ask

How do I use Microsoft Internet Explorer on a Mac?

To use Microsoft Edge or Internet Explorer on Mac: Go to the Develop menu in Safari's menu bar. Navigate to User Agent and select the browser you're looking for, whether it's Microsoft Edge, any of the Internet Explorer versions, Google Chrome, Firefox, etc.

How do I test Internet Explorer?

Test IE allows you to preview and test websites in all versions of Edge and Internet Explorer (IE6 - IE11). Just click on the extension from the Chrome toolbar, select the Internet Explorer version of your choice, and jumpstart a test session in Browser Live.

Why is Internet Explorer not working on Mac?

Microsoft has since replaced IE on Windows with Microsoft Edge and the company officially discontinued Internet Explorer on all platforms in August 2021. In some cases, you may be able to just use Microsoft Edge for Mac to access sites that only work with IE.


2 Answers

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)
like image 38
Timo Tijhof Avatar answered Sep 25 '22 13:09

Timo Tijhof


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.

  1. 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).
  2. Download the IE developer disk images, which are free from Microsoft: http://www.microsoft.com/downloads/...
  3. Extract the disk images using cabextract which is available from MacPorts or as source code (Thanks to Clinton).
  4. 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

  1. 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 
  2. Start Virtual Box and create a new virtual machine
  3. Select the new VDI file you've just created as the boot hard disk

VMWare fusion users

  1. 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).

  2. Start VMWare Fusion and create a new virtual machine
  3. In the advanced disk options select "use and existing disk" and find the VMDK file you just created
like image 183
georgebrock Avatar answered Sep 24 '22 13:09

georgebrock