It’s getting crazy out there.
Testing how a website appears in the multitude of browsers available at the different screen sizes available can be difficult to do without a good tool.
We asked our Crazy Egg Web Design experts which tools they use to test their web designs.
If you have a good tool that you use to test browser compatibility, please let us know in the comments!
Adobe BrowserLab is a great tool for testing multiple browsers and versions. It is very fast and comprehensive. It renders a screenshot of the page as it exists in each browser. The best part is, right now it is free to use (though that will change at some point).
One of the hardest things to do in cross-browser testing is to test a website that is being developed through a secure VPN connection. Tools like BrowserLab and Webshots are unable to connect to a VPN, so it becomes very important to have access to a PC and a Mac that can both connect to the same VPN. In that case, I use IETester for the PC to test older versions of IE along with standalone Firefox versions (installed on a thumb drive).
~ Chris Wallace, Lift
For testing browser compatibility, I prefer to have a variety of machines with all relevant browsers on hand. I haven’t found a tool that compares to the actual experience of viewing a site on a specific machine through a specific browser.
The exception to this is older versions of IE. With so many older versions of IE still in use. We topically use IE Tester to make sure our sites are functioning correctly.
~ Shane Adreon, The Loud Few
Adobe Browser Lab – This useful tool allows you to see multiple screenshots at a time from different browsers. You have the capability of choosing which browsers you’d like to test in as well. If you prefer a more close-up look you can compare a site side-by-side with its 2-up function.
Browser Shots – Customize your browser testing capabilities with this handy tool. It allows you to easily select which browsers you want to test your site in. There are plenty of browsers to chose from, although the more cryptic ones you may chose to leave unselected to save loading time. The best part of all is this service is free to use, and you don’t have to create an account to do so.
~ Stephanie Hamilton, Stephanie Hamilton Design
My favorite is Adobe Browser Lab. It allows you to quickly preview and compare different environments. Its simple and effective.
~Cesar Keller, SimpleFlame
I am starting to love Adobe BrowserLab (browserlab.adobe.com). I used to have a bunch of virtual machines for testing different Internet Explorer versions (and still use those too for testing features of sites), but since BrowserLab rolled out, I spend most of my upfront testing time there. It grabs screen shots of different browsers and allows you to look at multiples at one time.
At this point, our browser compatibility checking is minimal. We check in Safari, Firefox, and Chrome and, for the most part, have stopped worrying too much about IE. If a problem comes up, we pull up a Windows machine and get it fixed.
~ Jonathan Wold, Sabramedia, LLC
IETester – though it’s buggy, it’s been the easiest way for me to test content that isn’t yet live on the web. I also like having the ability to click through pages and test any kind of user interaction that you wouldn’t see with just a screenshot of a page.
Adobe Browserlab – this is my favorite way to test content that is live on the web. It contains browsers that I don’t have in my local testing suite and has proven reliable for me.
~ Lara Swanson, Dyn
What about you? What tools do you use to test browser compatibility?