Wednesday, August 4, 2010

How to debug HTML/CSS/JavaScript ?

If you are into web development debugging HTML/CSS/JavaScript is always painful. One common way is to introduce alert statments and check the values at runtime.
Alternate option is making use of FireBug . If you haven't already installed Firebug then you really should. Aside from many other useful features such as allowing you to inspect http traffic and find problems with your CSS it has excellent logging commands that allow you to easily debug your scripts.
One of my favourite features is "console.info", which you can use to just dump messages and variables to the screen without having to use alert boxes and "console.time" which allows you to easily set up a timer to wrap a bunch of code and see how long it takes.

For more information follow the below link.

http://getfirebug.com/logging

http://www.joehewitt.com/software/firebug/docs.php



No comments:

Post a Comment