Pinterest Stumbleupon Whatsapp
Ads by Google

Maintaining multi-browser compatibility has been one of the most time-consuming and frustrating part of web programming. Although things are getting better with decline in IE6’s use, the situation is far from ideal.

If you are a web developer, you sure have to take care of browser compatibilities and ensure that your web app looks and works almost the same, if not entirely the same across different browsers and platforms.

If you have been looking for an easy solution to see how your site looks in different browsers, then check out the new Adobe BrowserLab. Adobe BrowserLab provides you with exact renderings of your webpages as they would look in different browsers and operating systems. The service might remind you of Browsershots which also provides you with screenshots of your site in different browsers. There is however, no waiting required in Adobe BrowserLab and you get to see the results almost instantaneously.

Adobe BrowserLab allows you to preview your work in Firefox 2.X Windows, Firefox 3.X Windows, Firefox 2.X Mac OS, Firefox 3.X Mac OS, IE6.X and IE7.X and Safari 3.X; which is less than what you can get with Browsershots but includes the popular browsers.

Ads by Google

You can view the results side by side (2-up) view, or any individual screenshot (1-up view) or compare the renderings with the “onion-skin” view which overlays one screenshot over the other (as seen below).

You can install BrowserLab MXP extensions to integrate Adobe BrowserLab with Dreamweaver CS4, which would then allow you to preview and compare the local files which you are developing for your site.

Looks too good to be true? Well it is true, at least for a certain period of time anyway. Adobe BrowserLab is a limited free preview service. While Adobe is testing the service, they are letting people hop on board. The final product would most likely require you to shell out some bucks. However, with the time most webapps take these days to drop out of beta stages, you might be able to use BrowserLab for at least a considerable amount of time. You can give it a thorough spin and decide if you would like to spend some money to avail its services in the future.

Interested in webdesign? Check out our MakeUseOf posts to help you become a web-designing wizard.

What clever ways do you use to preview your work in different browsers? Virtualization? Or you install all the browsers? Let us know about them in the comments.

  1. BrowserSeal
    November 30, 2009 at 2:51 am

    We just released a new version 1.1, adding support for Chrome and Opera browsers

  2. Vasya
    October 30, 2009 at 2:12 pm

    Please check http://www.browserseal.com/ - although it supports less browsers, it can easily beat BrowserLab in terms of speed.

  3. Infinity
    June 7, 2009 at 3:51 pm

    I was using browsershot, but it is painfully slow if you are not a paid member. browserlab will definitely make my life easier.

  4. Guy McDowell
    June 5, 2009 at 9:30 am

    Thanks for using screenshots of my article! Much appreciated. Funny how my last article kind of dissed Adobe, but this software looks cool.

    I do love all the stuff Adobe acquired when they took over the former-Allaire division of Macromedia.

  5. libeco
    June 5, 2009 at 12:14 pm

    I just use firefox when developing and keep checking Maxthon (IE 8) and opera on the side. Afterwards I use IETester to check on older IE-versions my-debugbar.com/wiki/IETester/HomePage

Leave a Reply

Your email address will not be published. Required fields are marked *