FireBug - an extension of Firefox, helps to debug javascript error.
In the past, it’s always annoying to check the error of javascript. We always waste so much time to debug Javascript code. There are two major reasons.
- The javascript is so difficult to see, since not like in JAVA, which we can run in the debug mode, and stop at particular line to see the object state.
- Our javascript is written in JSP pages, each time when we need to change a little bit of javascript or even add an alert message, the whole JSP need to be compiled again. This compile time is relatively longer than JAVA codes a lot.
Now, FireBug helps to solve those problems. It solves the first problem easily by its “Debugger” function, you can see the object reference by going through the codes line by line.
For the second problem, FireBug allows us to ad-hoc change the code contents, and see the results using the “Debugger” as well.
FireBug actually have more than that, here is a video talking about the detail functions of FireBug. Take a look!
A Guide to Javascript Debugging
http://www.digitalmediaminute.com/screencast/firebug-js/
Get FireBug:
https://addons.mozilla.org/firefox/1843/
http://www.joehewitt.com/software/firebug/
1 comment
Comments feed for this article
Trackback link
http://blog.planner4u.org/blog/2006/08/05/firebug/trackback/
December 14, 2006 at 2:58 pm
Harry
This plugin really helps me.
I’m doing development with JBoss server nowadays. Every time I changed a JSP, I need to package and redeploy to the server in order to see the results. It’s very annoying if I just want to test the layout of the page.
With the use of Firebug, I can ad-hoc change the code. This plugin at least saves me 50% time in coding JSP.