<gush> Firebug is awesome. Joe Hewitt is a legend.
As I’ve said before, Firebug is among the most usable software tools ever developed. I don’t just mean compared to other software development tools. I mean against all user-facing software. It’s single-handedly improved my Ajax productivity by at least 100% (that’s my estimate when making changes to larger Ajax code bases). It’s made Ajax development much easier to get into for newbies and a much more pleasurable place to be for all developers. </gush>
Would you like to review the chapter? Drop me a line – [email protected]
As well as explaining the various parts, I’ll be sharing tips on when to use different features and how to get the most value out of them. Here’s an outline:
* Meet the Bug What is Firebug, when to use it, overview of functionality, how it has impacted modern web development.Â· What's missing at time of writing (other browsers, cookies)
Downloading and installing the plugin, opening it up and enabling it for certain sites. Windowed vs docked mode
Firebug Anatomy and Idioms
Overview of sections in the Firebug window
Idioms - point out that most things are cross-linked, searchable, and editable. Options menu.
Introduces a sample application used throughout the chapter, then introduces the console (logging, errors, running JS commands).
Viewing and Editing Your App on the Fly
- Including Layout and Style
- Mention Inspect option in popup menus.
Debugging Your App
- Breakpoints and tracing
- Stack trace in the console
Performance Tuning Your App
- "Net" tab
- Profile button
- Reference Related Tools below
Microsoft Script Debugger
Other Firefox Extensions
Brief list of a few other useful/alternative extensions, e.g. Web Developer Toolbar, Measure-It, Stylish