10 Helpful Resources for Cross Browser Testing
Every web designer knows that browser differences can create plenty of headaches. Finding and fixing problems can be difficult if you’re not equipped with the right tools. In this post we’ll take a brief look at 10 of the leading resources for making your browser testing less time consuming and more productive.
Browsershots is a popular free service that will provide screen shots of a page from just about any browser from all of the common operating systems. All you have to do is enter your URL and select the browsers and operating systems that you want to test. Browsershots will then enter your information into the queue, and in a few minutes you should have the screen shots.
There is a paid option that will give you priority over the free requests. When the service is busy it can take a while to get the free screen shots, but you can pay $15 per month for priority processing.
BroswerCam is a paid service with options for daily, monthly, or yearly. They also offer a free trial that will allow you to test the screen capture service by getting up to 200 screen captures within the 24-hour trial.
NetMechanic Browser Photo
Brower Photo from NetMechanic is a paid service that will allow you to test different versions of Internet Explorer, Opera, Firefox and Safari on Windows, Mac and Linux. You can test on various screen resolutions as well.
Browser Photo has a nice print-friendly feature that will help you to show clients or bosses how you’ve test the site and how it appears on different browsers. You can get Browser Photo for $15 for one-time use, or $150 per domain per year for unlimited use.
Litmus provides testing on all major browsers and also produces bug reporting to help you identify and correct any errors. Once the testing is complete you can produce a compatibility report to share with clients. In addition to website testing, Litmus also offers testing of HTML emails in all major email clients, and also runs your messages through spam filters and identifies any problems so you can get more of your messages read.
There is a limited version of Litmus available for free. Additionally, there is a day pass with full access (minus spam analysis) for $24, an individual subscription for $49 per month, or a team subscription for $199 per month.
IE NetRenderer is a free tool that’s great for testing websites in Internet Explorer, typically the most troublesome browser. With IE NetRenderer all you have to do is choose a version of IE and enter the URL that you want to test, and you’ll instantly get a screen shot of the page being tested.
BrowserCamp allows you to test the compatibility of your design with Mac OS X browsers. You can quickly enter the URL that you want to test and get a full length screen shot at several different screen widths. Additionally, for full testing you can pay $3 for a two-day subscription, or $99 for a one-year subscription, with a few options in between.
IE Tester from DebugBar
ieCapture is a free tool for getting screen shots from websites in Internet Explorer. It’s very simple, just enter a URL and in a moment your screen shot will appear.
iPhoney is a free iPhone web simulator for designers. To use iPhoney you’ll have to download the program, but there is no cost.
For design and development tutorials please see:
- Create a jQuery Image Rotator with Description
- Easy Display/Style Switch with CSS & jQuery
- jQuery Tutorials for Improved Navigation
- Sticky (Fixed) SideNav Layout with CSS
- 40+ Tutorials for Working with Wacom Tablets