Debugging ASP .NET AJAX with Firebug and Web Development Helper
Bugs bite. With programming, bugs break your application; sour the relationship with the users. So by all means, debug!
With web development goes more sophisticated and complicated, so does debugging tools.
FireBug for FireFox
Web Development Helper With Internet Explorer
Visual Studio (2005 and above) Native Debugger
Fiddler for monitoring HTTP traffic
FireBug for FireFox
The greatest of all the debugging, code inspection tools is the mighty FireBug with a funny name and funnier look. Doesn’t it look a cockroach?
On the web, there are two definitions associated with FireBug:
Meaning #1: a criminal who illegally sets fire to property
Meaning #2: a true bug: brightly colored bug that can exude a stain
However, that was before FireBug. Now the FireBug for Fire Fox has a luminous outlook
Console inspection with Firebug:
With ASP .net AJAX, you can send trace message to the browser by coding: Sys.Debug.Trace,
Sys.Debug.Trace(“A special message for my dear Fire Bug”)
CSS inspection with FireBug:
You can view the page stylesheet loaded by the browser. The coolest thing is that you can modify the stylesheet on the fly and see it work its magic.
Script inspection with FireBug:
DOM inspection with FireBug:
You can view the big interminable, unfathomable DOM tree with your little bug too. As with CSS, you can change any DOM element’s property in the FireBug window and see it takes effect instantly.
HTTP traffic inspection with FireBug:
Want to know the coming and going of the web requests, traffic congestions, and bottleneck? Click the NET tab. You got it.
In short, FireBug is a gem of bug for debugging. All AJAX developers can benefit from it enormously.
To start with, you have to turn on script debugging from IE toolbar and uncheck the option: disable script debugging. Then to debug a segment of code, you add a statement with the debugger keyword.
as in the following:
Web Development Helper with Internet Explorer
Web Development Helper can be downloaded at: http://projects.nikhilk.net/WebDevHelper/.
After installation you can find it in the Tools menu in IE.