15 Comments

Summary:

Cross-browser testing is essential to making sure your pages work right, yet it can be a tough load. Installing multiple browsers on your own computer is only the first step; to do it right, you really need to test across Windows, Mac, and Linux (at the very least), and with multiple versions. You can do it with enough virtual machines and time (as well as the browser archive maintained by evolt.org), but there’s often a better idea: let someone else do the heavy lifting for you. Here are 7 services that will show you what your web site looks like across a range of different browsers, allowing you to do the coding and farm out the testing work.

For many of us, web work means working to produce more of the web. Whether it’s designing web applications, buffing up other people’s style sheets, or simple building web pages, we’re actively engaged in contributing to the world-wide sprawl. But especially when you near the cutting edge of interactive sites, it can be tough to build pages that work for all viewers. Sooner or later you’ll need to deal with the issue of different browsers showing your lovely pages in different ways.

Cross-browser testing is essential to making sure your pages work right, yet it can be a tough load. Installing multiple browsers on your own computer is only the first step; to do it right, you really need to test across Windows, Mac, and Linux (at the very least), and with multiple versions. You can do it with enough virtual machines and time (as well as the browser archive maintained by evolt.org), but there’s often a better idea: let someone else do the heavy lifting for you. Here are 7 services that will show you what your web site looks like across a range of different browsers, allowing you to do the coding and farm out the testing work.

IE NetRenderer will show your page in IE 5.5, 6, or 7, to give Mac and Linux-based designers a quick sanity check. It’s free and quick.

BrowsrCamp is designed to show off how your page looks under the various Mac browser out there. You can view Safari screenshots for free, or take VNC control of a live Mac loaded with 11 different browser for prices starting at $3 for 2 days.

Browsershots is the most comprehensive of the free services, offering screen captures of your site under dozens of different Linux, Mac, and Windows browsers. It’s also popular, and it can take quite a while for requests to work to the head of the queue to be rendered. They’ve recently introduced a $15 per month priority processing program to jump requests to the head of the queue.

BrowserCam offers an online interface for managing screenshots across a variety of recent browsers and operating systems including Linux, Mac, and Windows; their coverage is excellent. You can get a 24-hour free trial; after that, plans range from $19.95 for one-day access to $399.95 for a full year. Their separate Device Capture service is the only one I know that will do screenshots of your site on Blackberry and Windows Mobile devices.

Litmus covers a variety of Windows browser, from IE 5.0 up to the alpha of Firefox 3, and say they’re adding Mac browsers soon. Results are returned via screenshots. They also integrate bug tracking, version management, and private URLs you can use to share compatibility results with clients. These features come at a price after the initial 30-day trial: 39 euros monthly for an individual account, or 129 euros monthly for a team account.

Browser Photo comes from Keynote NetMechanic. They promise screenshots from Windows, Mac and Linux systems for a $15 one-time fee or $150 per year, but don’t offer any details on which browsers or versions they cover in advance of sign-up, or any trial program.

BrowserPool takes the VNC approach to provide access to Mac, Windows, and Linux systems. Their pricing starts at 29.99 euros for one month, but unfortunately their software versions are a bit out of date.

Our recommendations: if you just need a quick view of your site on the “other” operating system, use IE NetRenderer or BrowsrCamp as the case may be. For more serious projects, the pricing on Browsershots is hard to beat if you can afford to wait for it to process. If you live and breathe web sites, you’ll want to take BrowserCam and Litmus for a spin, and see which set of features appeals to you more.

  1. Thank you, Thank you, Thank you for these links! I could have used these when I was working with Blogger. Such a pain in the ass. You can check out how bad one of my retired blogs got at http://www.how2art.blogspot.com. So ridiculous. WordPress is a bit more workable so I don’t have all those problems, but these are definitely going in my bookmarks.

    Justin Dupre

    Share
  2. nice Post, thx 4 the info,
    catto

    Share
  3. Justin (@ 11:14 am),

    there should be no www in that address you gave.

    KAB

    Share
  4. Steve Hollasch Monday, January 7, 2008

    If you work on a PC, you can install multiple versions of IE (on my Windows XP install, I can view IE 5.5 and IE 6.0 along with my standard IE 7.0). See http://tredosoft.com/Multiple_IE
    .

    Share
  5. Gudd…

    Share
  6. Steve Hollasch: Yes you can. Whats the point if we are talking about different browsers and not versions of the same one.

    Share
  7. Zorro: I think that Steve Hollasch has a valid point as the first site pointed out in the article was for macs and Linux users to render sites in multiple versions of IE.

    Share
  8. found out the hard way, so i downloaded firefox + Safari and had to redo a bunch of habits i gained programming in .Net Framework so everthing would look uniform. it’s amazing how different just an asp:textbox looks comared to a regular control. but using IE 6.0 + FireFox + Safari on my dev machine has helped me tremendously.

    Share
  9. Md. Maftahur Rahman Tuesday, January 8, 2008

    Thanx, it is a nice post and very much informative.

    Share
  10. Perfect, very nice collection of tools. Thanks for the links WWD!

    nhick
    http://www.itrush.com

    Share

Comments have been disabled for this post