A cross-browser bookmarklet to examine the box-model of any DOM element on a page. Runs on Internet Explorer, Safari (and Webkit based browsers), Mozilla (including Firefox and Camino).
A DHTML shell that allows you to query the current browser window. Includes command line JavaScript execution, mouseover DOM query, CSS input, tab completion, profiler and object inspection. Can be configured to run off a bookmarklet, and works in IE, Firefox, Safari and Opera
Exploring the features of Firebug, with code examples covering using the console, timing code, stack traces, debugging and breakpoints, profiling, tracing HTTP requests. An excellent overview of Firebug's functionality
A Firefox extension from Chris Pederick which adds in a toolbar of web development goodies, from disabling JavaScript, CSS and images through to manipulating cookie information, speed reports and validator tools and error consoles.
A BetterExplained article that discusses how to reduce the initial load time of JavaScript files. Covers measuring load times, and a number of approaches to delaying the loading of a JavaScript file. Also covers minifying JavaScript and maintaining a debug version of code. Also covers an AJAX onLoad pattern to dynamically include JavaScript after page load, and HTTP caching of external JavaScript files
A Firefox extension to detect memory leaks caused by JavaScript. It pops up an alert dialogue when windows close if there is code still pointing to JavaScript objects.
Joe Hewitt, in this Dr Dobbs article talks about using the Firebug extensions to inspect and debug Ajax applications (or any browser-based JavaScript application). It also has CSS inspecting capabilities, editing JavaScript on the fly, inspecting HTTP request and responses, logging, breakpoint debugging and profiling. A useful howto.
Svend Tofte puts together a detailed guide to setting up and using the Venkman debugger. From basic debugging to watchlists and call stacks, breakpoints, and more advanced techniques like meta comments and profiling. It also contains a list of other useful Venkman resources.
Apart from being an elegant debugger, FireBug offers the developer hooks that can be used from JavaScript, offering logging, assertions, performance measuring, and command line functions for inspection or traversing a document.
All of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including a debugger, error console, command line, and a variety of fun inspectors.