Debugging Websites


When faced with problem websites that do not render as they should in different browsers, there are three sets of debugging tools that are at your disposal. The tools are FireBug which is a FireFox plugin, the IE9 Developer Tools, and Google Chrome’s Developer Tools. Each set of tools has its own set of useful features.

I will leave it up to you to investigate each set of tools and their features. Personally, I like FireBug for the way it displays the DOM and various types of errors, Google Chrome for the way you can inspect elements and step through JavaScript, and IE9 for the Layout feature to help you find formatting issues.

Another thing to be aware of is that Opera does not like empty strings. To get round this, place a space inside the double quotes.

When developing new websites that simple work in all different browsers with graceful degradation, I suggest using Google Chrome Frame and HTML5 Boilerplate.

Advertisements