Testing is the main phase in developing any product, web designers need to test their design in multiple browsers and different operating system before they deliver the product to their clients. In this way, they can satisfy that, their product design runs peacefully on all the browsers without messing up. The process is called cross-browser testing.
Today we have powerful solution for cross-browser compatibility testing and which is a must and essential tool for web designers. Adobe BrowserLab is the best and fastest tool for testing webpages across different environments. This way, it will help you get the results in real-time, and since browserlab is an online service, you can access it from any computer connected to the internet.
Adobe Browserlab makes browser compatibility testing easier for you, in addition to it, if you’re a Dreamweaver CS4 user, then you have additional integration such as testing local and active content.
Cross Browser Testing – Adobe BrowserLab
All you need to do is, just sign up for an Adobe account. If you have one already, then login with your Adobe ID and password.
1. Sign in with your Adobe ID
2. Chose the browsers you wish to test the web page. You can chose from browser sets which is available. You can also create your own browser sets and edit it.
3. You can change the viewing option to 1-up, 2-up or onion skin. Zoom feature is also available. You can zoom up to 200% and take a look at the individual parts of the webpage.
4. Finally after all the settings are over, then enter your webpage url in the top box which is given and hit enter.
5. Screenshots will be displayed on multiple environments, and You can save a screen shot to your local desktop system.
Screenshots –
1. Web page on Safari 3.0 browser – OSX Platform
2. Comparing the same page in 2-up View – Safari with OSX platform and IE7 with Windows XP
Dreamweaver Extension –
The Adobe BrowserLab extension for Dreamweaver CS4 lets you preview local web content from within Dreamweaver. If Dreamweaver CS4 was installed without Extension Manager CS4 (version 2.0), download and install Extension Manager CS4. Now Download and install both parts of the BrowserLab Extension for Dreamweaver CS4.
Adobe BrowserLab – Homepage
Got something to say ? Just try out browserlab and leave your comments.
Liked this post? Got something to say? Share/Comment below. You can also Get Regular Updates. Subscribe to Free RSS Feeds or Email Updates. Follow us on Twitter @madrasgeek and Like us on Facebook.
Share :
{ 2 trackbacks }
{ 18 comments… read them below or add one }
Thanks dude, very helpful post, now i can remove the unnecessary browser from my laptop to free some space.
.-= RRH´s last blog ..URL of Indian Bank for Internet Banking [Digg] =-.
This was something to good to vary within browsers. Nice one
yes, it was very useful for me when i launched this website.. I need to make some customizations to themes and was checking the compatibility browser test :)
Nice share.Dugg it.
.-= Ricky´s last blog ..Download Firefox 3.7 Alpha 3 Preview Version =-.
thank you so much GeniusGeeks :)
Awesome Man :) Need to download this tool.. how much MB??
.-= Chethan´s last blog ..Google Buzz displays Google Ads for your Shared Feeds and Posts =-.
It’s an Online tool bro :P and yeah if you’re integrating with Dreamweaver CS4, then you need to download the extension !
I am Using Dreamweaver CS4…Interface looked similar.. so only i asked :P :(
.-= Chethan´s last blog ..Google Buzz displays Google Ads for your Shared Feeds and Posts =-.
Nice..
Nice tool mate! Will check out. Thnx for sharing.
Check BrowserSeal – we have some advanced features that BrowserLab lacks
But does it support different operating systems ? Can we test under multiple OS ?
No, but why do you need this? Safari or Firefox are the same browsers on both Windows and Mac.
This is a good find, will be perfect for blog setup and designs. Have always been a fan for Adobe, now this gives me another good reason why. Dug this article, good job!
@wchingya
Social/Blogging tracker
Thanks Ching Ya, well it has become my fav for checking the designs after customizations :)
Using That ! Wanna Say Thanks.
.-= Rapideo´s last blog ..Submit or Search Your Query and Problem. =-.
Thank you, very nice, it will be very helpful to the designer, i want to check my blog in different browsers.
thanks for the helpful information.