While the previous tools each focus on a specific browser, these utilities are broader in their scope.
Though the Firebug extension itself is limited to the Firefox web browser, some of the features can be replicated by including the Firebug Lite script on the web page. This package simulates the Firebug console, including allowing calls to console.log()
to work in all browsers and not raise JavaScript errors:
Like Firebug Lite, NotobiBug is a cross-browser tool that covers some of the same ground as the more robust and refined Firebug. Its strength lies in its DOM and object inspection, though it has a capable console as well. The console and inspector can be invoked by including a reference to the Nitobi JavaScript file and calling nitobi.Debug.log()
.
This extension for the popular Mac OS X text editor TextMate provides syntax highlighting for jQuery methods and selectors, code completion for methods, and a quick API reference from within your code. The bundle is also compatible with the E text editor for Windows:
When developing AJAX-intensive applications, it can be useful to see exactly what data is being sent between the browser and the server. The Charles web debugging proxy displays all HTTP traffic between two points, including normal web requests, HTTPS traffic, Flash remoting, and AJAX responses:
Fiddler is another useful HTTP debugging proxy with features similar to those in Charles. According to its site, Fiddler "includes a powerful event-based scripting subsystem, and can be extended using any .NET language":