How to Check Your Website with Multiple Browsers on a Single Machine (Cross-Browser Compatibility Checking)
We all know the importance of checking our web pages with multiple browsers, especially when we are designing a new layout for a website. This is the case even if we are writing validated standards-compliant code. The number of extant browsers we need to check with are enormous: Internet Explorer , Firefox, Chrome, Safari so on. And then there are the different platforms: Windows, Macintosh (Mac), Linux, etc. The problem for most people is that multiple versions of certain browsers cannot co-exist with each other, the most notable example of this is IE for Windows. Unless you are privileged to have multiple computers, this presents a certain difficulty for the average webmaster. This article suggests some ways for you to run multiple versions of multiple browsers on one computer.
Note that this article is written primarily from the point of view of a person using Windows (the majority of people reading this article), although it does address the issue of Mac browsers and Linux browsers as well.
SeeKNEO is a best Web Development company in bangalore we provides colocation of servers india Our main focus is to achieve a good reputation amongst our client. We work on Website Design , software development and Digital marketing projects.
Firefox, Seamonkey, the Mozilla Suite and Netscape
It’s possible for different versions of Firefox, Seamonkey, Netscape and the old Mozilla browser to all co-exist on the same machine.
If you did not already know, Mozilla Firefox, Seamonkey, Netscape 6 to 9 and the (old) Mozilla Suite browser use the same Gecko rendering engine. As such, if you have Netscape 6.X, you are in effect using the rendering engine of a beta version of Mozilla (one of the 0.9.X series); if you use Netscape 7, you are using the Mozilla 1.0.X engine; and if you use Netscape 7.1 you’re using the same engine as Mozilla 1.4. The point is that you don’t have to install, say, Mozilla 1.0.X if you’re using Netscape 7, and so on.
It is easy to make these versions of Firefox/Mozilla/Netscape co-exist with each other. Install them into separate directories and create a different profile for each browser you install. (For non-Firefox/Netscape/Mozilla users, this browser allows you to create different profiles so that you can store different settings for different situations.)
To create a different profile for Firefox, simply start Firefox with the following command line:
“c:\Program Files\Mozilla Firefox\firefox” -ProfileManager |
Once you’ve finished creating profiles, you will want to create shortcuts (Windows terminology) to run the different versions of the browser. This makes life easier for you: you can simply click the appropriate icon for the different versions, and it will load using the correct profile. To specify which profile the browser is to load, put the profile name after the “-P” option.
For example, if you have created a profile named “netscape6”, your command for running (say) Netscape with that profile may look like:
“C:\Program Files\Netscape\Netscape 6\netscp6.exe” -P netscape6 |
Similarly, your command to run the Firefox with a profile called “firefox” may look like:
“c:\Program Files\Mozilla Firefox\firefox” -P firefox |
And so on.
I’m not sure that you really need all the different implementations of the Gecko engine to test, though. I personally only test my sites with latest version of Firefox since my site design tends to be simple.
Opera for Windows/Linux
Opera is the third most used browser used on thesitewizard.com and thefreecountry.com, and is particularly popular among the seasoned webmaster community.
Different versions of Opera can co-exist on one computer. If you want to install multiple versions on Windows, simply put them in separate directories. No extra steps are required.
You can obtain Opera for any of its supported operating systems from Opera’s website. To get older versions, just navigate to the downloads page and click the “Opera archives” link.
Internet Explorer 9, 10 and 12 for Windows
In all my sites, at the time of this writing, IE users comprise the majority of visitors, with the number more or less divided (not equally though) between IE 6, 7 and 8.
My experience in coding the recent new designs for thesitewizard.com and thefreecountry.com, both of which depend heavily upon Cascading Style Sheets for layout, is that IE 6 is a very different animal from the other browsers or even the later incarnations of IE. Contrary to what you may expect, what works in IE 8, Opera, Firefox, Safari and even IE 7 does not necessarily work in IE 6. It seems that IE 6 has a number of bugs in its CSS box model, causing sites that are correctly coded to break under that browser. This is not to say that version 7 has all of IE’s notorious CSS bugs fixed. It is thus important that webmasters install multiple versions of IE.
Unlike Opera, Firefox and Netscape, you can only install one version of IE in a single installation of Windows. The bulk of IE’s code does not get installed into its own subdirectory (or folder) but into Windows’ system directory. Although there have been solutions available for some time among the webmaster community for installing different versions of IE into the same Windows installation, there are peculiarities in the end result and the IEs you get from that behave slightly differently from the standard version when installed normally.
Method 1: Running More than One Version of Internet Explorer on a Single Machine Using a Virtual Machine or Emulator
The recommended method nowadays to run multiple versions of IE on one machine is to install an emulator or one of those virtualization software that creates a virtual machine (sometimes called a virtualizer). This is also the method Microsoft favors.
Loosely speaking, an emulator allows you to run another copy of Windows within your existing version of Mac OS X, Windows, Linux, FreeBSD or whatever. The emulator pretends to be a new computer, and Windows gets installed into a small space on your hard disk which the emulator uses to mimic an entire drive.
You can find a list of free PC emulators listed on thefreecountry.com’s Free PC (x86) Emulators and Virtualization Software page.
Some of the emulators listed there, such as Bochs, allow you to emulate a PC machine on which you can install Windows or Linux or any other PC operating system. Bochs itself may be installed on Windows, Linux, Mac, and possibly other systems and machines as well. If you are a Mac user, this is one way to run the Windows version of IE without having to buy a PC.
Be warned though that full emulators like Bochs are extremely slow. You may be able to tolerate it though, if you are only using it to test your web pages once in a blue moon.
If you already have a PC or an Intel x86 machine (like the modern Macs), another solution is to run virtualization software that can create virtual machines. While emulators can pretend to be a completely different machine, such as a 68k Mac pretending to be a PC, virtualization programs merely sets up a space within your existing machine and runs a new copy of the operating system (such as Windows) within that space. The new copy of Windows thinks that it is the only one running, even if you are running it within yet another copy of Windows. Since virtual machines do not have to emulate a completely different machine, they tend to be faster than full emulators.
Once you have obtained an emulator or virtualization software, you simply install a new copy of Windows in each “machine” you set up. For each copy of Windows you set up, install a different version of IE, and you’re done.
Method 2: Running Two or Three Versions of IE on One Machine By Dual Booting
Another way to run two versions of IE on a single machine is to install two versions of Windows in that machine, each in its own partition. That is, install Windows 95/98/ME (ie, either Windows 95 or 98 or 98 Second Edition or ME) onto one partition on your hard drive, and install Windows 2000 or XP in another partition in a dual-boot configuration.
In plain English, this means that you need to divide your hard disk into (at least) two sections, called “partitions”. First install Windows 95/98/98SE/ME into drive C:. When you finish that, run the Windows 2000 or Windows XP setup program from within the first version of Windows you installed. Select the “Clean install” option and not the “Upgrade” option when you’re asked. You will be presented with a window later where you can click the “Advanced options” button. In the window that is displayed, check the box labelled “I want to choose the installation partition during setup”. Later in the installation process, when you are asked, choose to install Windows 2000 (or XP) in the second partition. Windows 2000 or XP will then (automatically) install a menu that appears when you start up your machine, allowing you to choose the version of Windows you want to boot.
It is apparently also possible to install three versions of Windows (and hence three versions of IE) into one machine without resorting to third party software. You’ll need to have at least three partitions on your hard disk to play with. Install Windows 95/98/98SE/ME into C: and use the above procedure to install Windows 2000 into the second partition. Finally, use the same procedure to install Windows XP into the third partition. I have not tried “triple booting” three Windows versions before, but one of thesitewizard.com’s visitors has assured me that it works. With three versions of Windows to play with, you should be able to use three versions of IE on the same machine.
Note that Windows 95 installs IE 3 by default, Windows 98 installs IE 4, Windows 98 Second Edition installs IE 5.0, Windows 2000 installs IE 5.0, Windows ME installs IE 5.5 and Windows XP installs IE 6.0, so if you might want to plan carefully which Windows version you install so that you get the IE version you need for testing. As far as I know, you can’t easily (if at all) “downgrade” a version of IE (although you can upgrade it), so if you need something as old as IE 4, you might need to install Windows 98 (or even Windows 95 and upgrade IE to 4.0).
Note: Unless you have special reasons why you need to dual boot into an old version of Windows (like Windows 98, etc), this method is not very useful nowadays. Aside from the hassle and amount of space it needs, the old versions of browsers like IE 4 and 5 are hardly used anymore. You will find it easier to use the virtual machine/emulator method I described earlier. |
One of the easiest ways to test your site so that you can see how it appears under Linux is to run Linux from a CD or DVD. There are numerous Linux “live” CDs around; see the Free Linux LiveCD Distributions page for a list of them. These allow you to simply boot your machine from the CD directly into Linux without having to install anything onto your hard disk. Essentially, all you have to do is to download an ISO of the Linux distribution (which is just an image of the CD), burn it to your CDR, put it in your CD or DVD drive, and restart your computer. The computer boots from the CD and runs Linux without installing anything on your hard disk. From the CDROM, you can run many Linux applications, including the Linux version of Firefox and Konqueror.
If you are feeling lazy, and you have installed an emulator or a virtual machine, as mentioned above, you don’t even need to burn the ISO to a CD. You can simply use the virtual machine to boot the ISO — your copy of Linux will then run in the virtual machine.
Alternatively, if you prefer to install Linux on your hard disk, using one of the many free Linux distributions around, you can set it up so that it co-exists with Windows. Make sure you have space for a new partition on your hard disk, install it and you’re done. Yet another way is to install Linux in a virtual machine.
The default browser that comes on many Linux distributions is Firefox (although not necessarily so). However, you will find that even though Firefox basically renders your page identically for all platforms, the fonts available under Linux are different from those available on Windows. If you don’t code your font tags or CSS font-families in a cross-platform compatible way, your site may end up being rendered with an ugly font. For example, many sites simply specify “Arial” or “Impact” or some such Windows font for their site. Since these fonts are not available by default under non-Windows systems, including Mac and Linux, your site will be rendered using either the default font on those browsers or some other font that the browser thinks matches the type of font you’ve specified. If you don’t want to bother to run Linux to test, be sure that you at least:
Testing Linux Browsers
- Test your pages under Firefox for your platform.
- Specify generally available alternative fonts for your web pages. For example, don’t just say,
font-family: Arial ; |
in your style sheet, say
font-family: Arial, Helvetica, sans-serif ; |
instead.
There are a number of other browsers available on the Linux platform. You may have seen them in your web logs. They include, for example, Konqueror, Opera for Linux and Mozilla spin-offs.