Browsertesting can be fun!

Søren Birkemeyer  ·  18. August 2008

Okay, enthusiasm may have gotten the better of me when I was punching in this entry's title. But even when you're doing what every frontend engineer hates by default – testing and retesting your page in the major browsers known to mankind – there are a few tools that can really make things easier for you.

Let us revisit a great talk by Nate Koechley first. I saw him at this year's @media conference where he went and instilled some (needed?) pride into those of us who work the (X)HTML/CSS/JS/DOM/Browser angle of websites. Is frontend engineering a "real" job? Hell yeah! Check out the slides of his talk on his blog and see how he arrives at the magic number of 672 different situational combinations of website/user environments that we have to prepare and test for.

So what can ease the job with the actual testing work? It goes without saying that you should always develop with at least three to four browsers, namely the current builds of IE7, FF3, Opera and Safari, open next to your IDE. It's miles better to check browser behaviour immediately than finishing off a template for Firefox, opening it in IE and having to start all over again.

I have the advantage of working on a Mac with Windows XP running on a virtual machine, so I can cover these two operating systems and the main browsers with relative ease. But what about testing multiple versions of the same browser?

Testing multiple Internet Explorer versions in Windows: IE Tester

Up until recently my favourite tool for testing multiple IEs was the aptly named Multiple IE. However, when I ran into problems with testing browser specific styles (via conditional comments) I went looking for an alternative and found IE Tester. This one is working flawlessly so far and even includes a IE8 beta engine for pretesting, if you're so inclined.

Testing multiple Firefox versions: MultiFirefox

Since Firefox is Firefox you'd guess it's fairly easy to set up two parallel installations, right? Well, it's not quite that simple, since FF has a tendency to overwrite itself and/or its user profiles when you install a second version.

For Mac users there's a pretty straightforward solution called MultiFirefox that handles profile management for you. Install FF3 and FF2 and the application will take your hand and help you set yourself up.

Windows users have to go through a bit more manual tuning work, which is nicely covered by Command-Tab.com. They also mention MultiFirefox as the tool for MacOS.

 

If you have better solutions for browser testing, or just found these recommendations to be helpful, don't be shy and drop us a comment!

Avatar von Søren Birkemeyer

Søren Birkemeyer

Frontend Entwickler & Wiederholungstäter

2017 hat Søren zu unserer großen Freude bereits zum zweiten Mal den Weg zu uns gefunden. Nachdem er seine Ausbildung bei uns abgeschlossen und bereits mehrere Jahre als Entwickler bei uns Erfahrung gesammelt hatte, führte sein Weg ihn zunächst für einen Zwischenstopp hinaus in die weite Welt der Webbranche. Mit viel neuem Know-how im Gepäck kehrte er schließlich zur webfactory zurück und begeistert uns seitdem erneut mit seiner Expertise und seinem Engagement. Neben "Frontendisch" spricht Søren auch "Backendisch" und "Designisch" und sieht seine Rolle besonders in der Vermittlung zwischen den Bereichen. Wenn Søren mal nicht in die Tasten haut, dann hängt er gerne an Boulderwänden ab und besteigt den ein oder anderen Berg – am liebsten im hohen Norden.