Tuesday, January 24, 2012

Tools to check Browser compatibility

If you are a web designer then it’s really necessary that you must check your themes/templates in browsers like IE,Firefox,Chrome,Safari,Opera,etc for compatibility. If you are coding the template with different browser,then you will concentrate only on that browser codes. But when you check the same template in another browser or windows you will be disappointed to see that the sidebar may be misaligned or the footer may not be proper. Since each website gets global readers we can’t guess which browser the user is using.
If you are using Google analytics, then you can see that visitors will be using different browsers. But for checking your template in different browsers, once you need to install all the browsers in your PC and you must be using multi-boot option to have all windows installed in your PC. But now with the invent of lots of online tools, the scenario has changed. The below online sites have got browser compatibility checking tools, which can help you to check your site design in all browsers. You need not install any new software or anything, just open this site and select the browsers you want to check and see the details with the screenshots taken.
In this post i have collected all the Online browser compatibility tools available for Web designers.
Adobe Browser Lab
Tools to check Browser compatibility

This tool shows screen shots of your website as seen by several different environments. The default test includes Firefox 3.0 on Windows XP and OS X, Internet Explorer 7.0 on Windows XP, and Safari 3.0 on OS X. You can change which browsers you’d like to test under “Browser Sets”. Another nice feature of this tool is a 2-up view that lets you compare side-by-side views of your site in different browsers. You’ll need an active account with Adobe to use the site. Visit Adobe Browser Lab
Browser Shots
Tools to check Browser compatibility
You can view screenshots of your website as it displays in different browsers, with a great degree of customization. Browser shots lets you choose your screen size, color depth, JavaScript and Flash settings. This website features the kitchen sink of browser lists, including a few you may never have heard of before.
This is a great free option for glimpsing multiple browsers. Keep your requests speedy by selecting a small sample of browsers. You may need to grab a cup of coffee while you wait for your screenshots if you selected every browser from Avant to SeaMonkey.
Visit Browser Shots
Tools to check Browser compatibility
Microsoft is working to make your life easier. No, really. This tool makes optimizing for the various IE platforms a little less painful. The SuperPreview download for Internet Explorer allows you to check your site in multiple versions of Internet Explorer.
Side-by-side viewing options stack horizontally or vertically. There’s also an overlay option to let you work out minute layout differences. Rulers, guides and other toys ease the burden of compatibility tweaks.
Unlike other testing options, SuperPreview allows you to test pages as you’re developing them on your local machine. Still under development, but a promising program already.
Visit SuperPreview
Tools to check Browser compatibility
Beyond screenshots, this tool lets you check your site in multiple browsers, track bugs, and create reports to dazzle friends and family. This tool also works on password-protected sites, a unique feature among a screenshot-dominated market. The tool is free for 50 tests per month, limited to Explorer 7 and Firefox 2. Access all 24 browsers for a $39 project pass.
Visit Litmus
Cross Browser Testing
Tools to check Browser compatibility
Pick an operating system, pick a browser, and off you go! Well-organized screenshot views on multiple browsers give you a nice overview of your site.
Going the extra mile, their live testing service gives you a hands-on view of your website on their bank of test machines.
Visit Cross Browser Testing
Spoon Browser Sandbox
Tools to check Browser compatibility
A very sleek, fast tool that puts multiple browsers at your fingertips. From their launch page, you can test pages live in Safari, Chrome, IE, Firefox. One click opens a new window with your preferred browser. The next best thing to native environment test.
This tool requires a plug-in download, but the process is very fast and seamless afterwords.
Visit Spoon Browser Sandbox
Virtual Desktops
Tools to check Browser compatibility
Run the most demanding Mac and Windows applications side-by-side at maximum speeds without rebooting. With more than 80 new features in VMware Fusion 3, including 5X better 3D graphics performance and 35% faster end-to-end performance in version 3.1, it’s never been easier to run Windows on your Mac.
Visit Virtual Desktops
I hope that these tools will be really useful for you. If you have came across any other tools then let me know.

1 comment:

  1. Little long but really awesome post you have created which will help to many people.