Debugging in Javascript

Curiously however, unlike many well known programming languages, debugging and IDE support has been lacking.

In terms of the Javascript API used by Web browsers, this is at least somewhat understandable. Because of the way websites and applications use Javascript, having the user interface "live" at the time of debugging is usually mandatory to allow scripts to work. Most scripts interact heavily with the user interface and the user. Add to that the complexity of cross browser code that no other programming language has to deal with, and you have a unique problem on your hands.

Though it is possible to generate user interfaces programatically with Javascript, it is of course normally done with a separate HTML file that would need to be rendered. The best place to do all this is in the browser.

Venkman

If you have the newest version of Mozilla you can utilize a tool called Venkman. It is a Mozilla extension that provides a full blown debugger environment with variable monitoring, break points and many other features seen in debuggers from other languages.

Venkman in conjunction with Mozilla isn't really a complete IDE like Visual Basic or Delphi, but it's as close as it gets. if you're curious and want to try Venkman go to the Venkman project home page and also try a Google search for "using venkman." You'll find all the information you need to get started.

Next: The Hard Way >>
 

More JavaScript Articles
More By Chris Root

Comments On: Debugging in Javascript

· Welcome everyone. Thank you for reading the article.    · Good article. The popup window with updating values is a great way to watch the...    · log4javascript (http://www.timdown.co.uk/log4javascript) has excellent pop-up...    · I was having problems debugging a problem, that only happened on a live site - the...    · Think I forgot to supply the link... doh! ;-)Here it is:...    · You say one should name the file for the log window "dialog.html", but you're using...   >>> Post your comment now!