Web Administration devBlog

Test Your Web Design in Different Browsers
Aug
6

posted by: webmaster

Filed under Design

Kiss the days of having to set up virtual machines for testing Web sites across browser platforms goodbye.

Here we have one of the coolest open source web apps for testing your Web designs across all known browsers.

Straight from Browsershots.org:

“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.”

The interface of the results page is really nice and very intuitive. Once you’ve submitted your URL you have to be a little patient and wait for the system to generate your thumbnails from the browsers you chose. Once you’ve waited a few minutes, you can simply refresh the results page and your thumbnails will appear. The browser(s) and version(s) are displayed under each thumbnail so you can quickly see how those browsers render your markup and CSS. You can then roll over your thumbnails or click them to get a full screenshot version of what your site looks like. Browsershots also gives you the option to download all your screenshots into one nice zip file.

Many thanks to Johann C. Rocholl for developing this great service.