|
développement
Firebug, l'assistant indispensable du programmeur Web, passe à Firefox 3
Une version est disponible pour la dernière mouture du navigateur. Au menu, débogage JavaScript, modification HTML en temps réel...
Sylvain Simoneau,
01net., le 02/07/2008 à 12h20
|
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.
Pour partager cet article avec votre réseau professionnel
