Firebug, l’assistant indispensable du programmeur Web, passe à Firefox 3

Sylvain Simoneau

01net.

le 02/07/2008 à 12h20

2 réactions

envoyer
par mail

imprimer
l'article

En peu de temps, Firebug est devenu l’un des utilitaires indispensables de tout webmaster ou développeur Web, en raison de sa capacité à fournir de précieux détails sur les processus qui mènent à l’affichage d’une page Web. Son adaptation à Firefox 3 fournit l'occasion de revenir sur ses principales fonctionnalités.

Les webmasters apprécient particulièrement l’onglet “ Net ”, qui détaille le poids des éléments d’une page et leur temps de chargement. Chez les designers, les onglets HTML et CSS sont les plus populaires. N’importe quel attribut d’un élément de la page peut y être modifié, et les changements sont immédiatement répercutés dans le navigateur. Pour définir la largeur idéale d’une div, on n’a rien inventé de mieux.

Idem pour choisir une police ou une couleur dans les CSS. Le panneau de Firebug fournit une liste imbriquée des éléments de la page qui peut être fastidieuse à parcourir mais un clic sur le bouton Inspecter laisse l’utilisateur sélectionner l’élément voulu directement dans le navigateur.

Ne rien laisser passer à JavaScript

De leur côté, les programmeurs s’émerveillent sur le “ débugger JavaScript ”, effectivement impressionnant. On peut y définir des points d’arrêt, afin de mettre un script en pause et d'analyser ses variables, le tout éventuellement assorti de conditions, ou encore assigner des espions (“ watch expressions ”) qui affichent en permanence la valeur d’une variable ou d’une expression.

Le débugger sait aussi parcourir un script pas à pas ou encore “ benchmarker ” le code pour trouver les goulots d’étranglement. L’outil est complété par un interpréteur capable d’évaluer du code à la volée, fonction plus classique mais toujours bienvenue.

Firebug est très loin de se limiter à cette description succincte, il centralise aussi les messages de la console d’erreur, des messages de débogage envoyés depuis JavaScript, analyse les réponses de requêtes XMLHttp (requêtes Ajax)… Bref, il est très difficile de se passer de ce serviteur zélé une fois qu’on l’a côtoyé.

Avec Firefox 2, téléchargez la version 1.0. La version 1.2(*), actuellement en bêta et destinée à Firefox 3, contient encore un certain nombre de bugs. A noter que cet utilitaire est judicieusement complété par FirePHP, grâce auquel on peut émettre des messages de débogage dans la console depuis du code PHP.

(*) La version adaptée à Firefox 3 est la 1.2 et non la 1.1, comme indiqué initalement. Il existe un Firebug 1.1, lui aussi en bêta, mais il est destiné à Firefox 2.

agrandir la photo

agrandir la photo

agrandir la photo