Firebug

Publication : 10 février 2007. Dernière mise à jour : 28 avril 2024.

Utilisateur de Mozilla depuis quelques années, vous connaissez un peu le DOM Inspector et peut-être Venkman, le débogueur Javascript ?

Vous pouvez les oublier, car la relève est là : Firebug ! C’est une extension Firefox que je trouve tout bonnement géniale…

Entre autres elle permet :

de déboguer du Javascript, que ce soit dans des pages web ou dans le chrome. Ainsi, je l’ai utilisé pour déboguer mon extension Server Spy ;
de parcourir l’arbre HTML d’une page web, et de visualiser les règles CSS qui s’y appliquent. On voit clairement les blocs CSS mis en jeu ; les règles supplantées sont barrées… Et ce n’est pas tout, il est même possible de saisir en live de nouvelles règles, pour voir rapidement ce que ça donnera ! Et pour finir, la fonction qui tue : une combinaison de touches (Ctrl+Shift+C), et il suffit de cliquer dans la page pour sélectionner le nœud HTML correspondant à la zone en question, et donc afficher les règles CSS associées. Exemple : j’ai dû créer un thème Dotclear 2 pour Sav’Hourra à partir du thème par défaut. Avec cette fonction, j’ai pu sans effort localiser les éléments à changer et les règles CSS à modifier. Bluffant !
du côté réseau, de visualiser les en-têtes HTTP échangés, d’avoir une vue graphique du temps de chargement des images.

Ceci correspond à ce que j’ai trouvé. Il est possible qu’il y ait d’autres trésors… Mais d’ores et déjà, je crois pouvoir affirmer que cette extension est indispensable au développeur web !