10+ Ways for testing website browser compatibility

Testing your website on all web browses in market is not something interesting, there are a lot of webbrowsers and different users use different browsers, and the most common website goal is to reach as many users as possible.

Some times its not possible to have all browsers on the same machine such as having more than IE version on the same windows OS, or having Mac safari on Windows OS.

I listed here all tools i found for cross webbrowser testing.

 

1- Microsoft Expression Web SuperPreview for Windows Internet Explorer

2009-09-11_0654 Expression Web SuperPreview for Internet Explorer shows your web pages rendered in Internet Explorer 6 and either Internet Explorer 7 or Internet Explorer 8, depending on which version you have installed on your machine. You can view the pages side by side or as an onion-skin overlay and use rulers, guides and zoom/pan tools to precisely identify differences in layout. You can even compare your page comp to how the targeted browsers render the page.

 

* Tested my self: its very easy to use and i trust it the most because its from microsoft, it give the option to see the elements html source.

 

 

2- Browsershots

logo Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here.

 

 

3- IETester

ietester-0.3 IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.

 

* Tested my self: very nice tool and easy to use but i found that its not rendering the same as a browser on the real machine “small differents but sure important when the website is css/ javascript complicated”.

 

 

 

4- Selenium

big-logo

Selenium is a suite of tools to automate web app testing across many platforms.

Selenium…

* runs in many browsers and operating systems
* can be controlled by many programming languages and testing frameworks.

 

 

 

 

5- Multiple IE

setup2 Install multiple versions of IE on your PC

 

* Saw a friend using it: He said its good but as IE tester, virtual os gives slightly different rendering results if the webpage is CSS/ Javascript complicated

 

 

6- Cross Browser Testing

crossbrowsertestinglogo3

 

Cross Browser Compatibility Testing
Test the look and functionality of any website on multiple browsers and operating systems.

* Live Tests – use any of our browsers & configurations
* Screenshots – see your page layout across all browsers

 

7- Acid2 Browser Test

a-04-h

Acid2 is a test page, written to help browser vendors ensure proper support for web standards in their products

 

 

 

8- Browser Cam

iconServBrowserCap

See your web design on any browser on any operating system. Check javascripts, DHTML, forms and other dynamic functionality on any platform. Not just yours. Use our bank of testing machines remotely to test your website.

 

 

 

 

 

 

9- Browser Lab

browser_lab_test

Adobe BrowserLab is a browser compatibility service that provides designers exact renderings of their pages on leading browsers.

 

 

 

 

 

 

10- Litmusapp

logo-white

We’ve felt the pain of getting website designs to work correctly across different browsers. Not to mention designing email newsletters that work on all email clients.

Litmus makes compatibility testing easier.

Litmus is lightning-fast, reliable and affordable. It’s relied upon by thousands of smart freelancers and switched-on agencies; as well as big companies like Yahoo!, Facebook and eBay.

 

11- Net Renderer

Geotekpdy_125_60

IE NetRenderer allows you to check how a website is rendered by Internet Explorer 7, 6 or 5.5, as seen from a high speed datacenter located in Germany. Just type in a URL in the field above and try it out – it’s free!

 

 

 

Summary:

After listing all of these tools, i think having more than an OS on different machines, on the same machine or using virtual os, will be the best solution, because these tools not 100% right as i tested some of them.

And sometimes you may need a windows and a mac machine, because as i found that its not possible to test mac web browsers on windows pc machine.

 

These are the tools i found my self, i didn’t test all of them, i will update this list when i find new good tools, also feel free to send me your favorite tools so i can list here and share with others.

 

 

Update: 30-12-2009

http://lifehacker.com/5435481/run-snow-leopard-in-a-virtual-machine-in-windows?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+lifehacker%2Ffull+%28Lifehacker%29&utm_content=Google+Reader

http://www.howtogeek.com/howto/8112/run-linux-apps-on-your-windows-machine-the-easy-way/

Those 2 articles talking about installing linux applications on windows and setup snow leopard on windows.

I think these 2 tricks will solve alot of problems, at least you don’t need to buy a mac machine.

 

Update: 4-6-2010

Nice article about Cross-Browser Testing: A Detailed Review Of Tools And Services from smashingmagazine.

Update: 9-10-2010

10 Essential Online Screen Capture Services for Browser Compatibility Testing

 

Update: 7-8-2011

http://www.smashingmagazine.com/2011/08/07/a-dozen-cross-browser-testing-tools/

This entry was posted in Technical. Bookmark the permalink.

4 Responses to 10+ Ways for testing website browser compatibility

  1. Kevinlu says:

    will give a try to litmus seems to be exactly what I need

  2. BrowserSeal says:

    BrowserSeal is a new multi browser screenshot tool that takes a radically different approach, exploiting the fact that nowadays, if you are using Windows, you can run all browsers that anybody cares to use on your PC.

    Implemented as an application that drives browsers installed on your PC, BrowserSeal allows you to take a screenshot of your website under Firefox, IE7, IE7, IE8, Chrome, Safari and Opera with an ease of use and incredible speed that no web service based capture service can compete with. BrowserSeal is heavily optimized for speed, which is especially evident on large web pages with scrollbars. Having all these browsers installed locally has another advantage – after BrowserSeal detects a rendering problem in one of them, you can launch that browser manually to debug the issue.

    http://www.browserseal.com

  3. nona says:

    Nice collection, keep on 🙂

  4. Does anyone have any preferences?

Comments are closed.