La barre d'outil Web Developer permettait déjà d'éditer à la volée le code HTML et CSS d'une page.

Firebug va bien plus loin : Les codes HTML, CSS, Javascript, ainsi que le DOM sont éditables, et bénéficient de la coloration syntaxique. De nombreuses fonctionnalités d'aide au debuggage et à l'optimisation sont disponibles : par exemple, un carré coloré apparaît au survol d'un code couleur dans la fenêtre d'édition des feuilles de style qui affiche la couleur spécifiée. Les éléments blocs sont également encadrés quand leur code est selectionné dans la fenêtre d'édition du code HTML. Autre fonctionnalité intéressante : le temps de chargement des différents éléments composant la page est analysé, ce qui permet d'identifier les causes d'un chargement trop long.

L'essayer c'est l'adopter ;)