One of the most exhilarating feelings of web development is getting a website to look exactly how you want. The only better feeling is when you make it live. But no matter how great that feeling is, I’m sure we can all agree that it is extremely frustrating to deal with cross browser compatibility issues!
This feeling is exactly what I felt while I was trying to fix an error on a website, Optiniche, over the past couple of days. For some bloody reason, the nav bar was not appearing in IE8. And with Internet Explorer holding on strong with around 16%
Had I not even checked Optiniche in BrowserLab, my tool of choice, I wouldn’t have known there was an issue.
This is my go to tool when I want to test the most popular browsers: IE 7-9, Safari, Chrome, and Firefox. BrowserLab is a free cross browser compatibility tool from Adobe that gives you several different methods of viewing compatibility issues including: Single View, Side-by-Side view, and Onion Skin view that shows two browsers on top of another. The Onion skin is my favorite for picking out the fine details.
Another handy feature is the alignment mode. This mode will let you check alignment pixel by pixel. Although, this may not always be practical, it may help when dealing with slight alignment issues.
BrowserLab can be used on dynamic websites by typing in the web address, or you can use Dreamweaver to view websites locally.
BrowserLab also has a very intuitive interface. I felt like I was able to jump right in from the very first day that I found out about this tool!
Adobe BrowserLab can not be overlooked as an amazing tool to use for checking cross browser compatibility. It’s free, includes all of the major browsers, and it has many viewing options.
Although BrowserLab does not include debugger tools, it will let you easily compare your website in different browsers so that you can find the differences and correct them.
I highly recommend this tool.