Firefox Web Developer Tool
One of the most useful tools for diagnosing web compatibility issues and display issues is the Firefox web developer tool. This tool allows you to customize, debug, and disable many aspects of a webpage.
Download Firefox
Download Web Developer Tool
Some Useful Features of the Web Developer Tool
Display Element Information (CTRL Shift F)
This view allows you to scroll over an object and see an outline, as well as all the object details such as the parent objects, text size, width, height, and more.
Disable Styles
This allows you to view the HTML markup without any styles. This is important to make sure content is organized and displayed properly. If there are display errors with no styles then there are HTML problems.
Disable Cache
Tired of hitting reload, or clearing the cache. This tool can make the webpage cache nothing
View Generated Source
Wondering what Javascript is actually doing when it injecting code? If you are having display issues on Javascript viewing generated source can be very helpful to see what is going on.
