standard debugging way for javascript/jquery

Question

This is my usual way to debug javascript. Include alert(0); to break the flow and find out what is happening.

sometimes when i need multiple check points i do

alert('the flow is now in function 1');
alert('the flow is now in function 2');

or sometimes just

alert('success');

i would like to know if there is any standard way for debugging adopted as i am finding my current method very intrusive.

thanks in advance..:)

Answer 1

Firebug in Firefox is the best, but IE8 also has a pretty good javascript debugger. You can set breakpoints and step through your code to follow the program flow and view variable information, etc...

Answer 2

you might want to use the console... eg within firebug

otherwise you can use debugger; to break the script and force some debugger, or set breakpoints inside firebug (demo)

Answer 3

If you prefer logging to using a debugger and need something that works in all browsers, I'd recommend my log4javascript.