L’outil ultime de l’intégrateur web: Firebug
Firebug est une extension Firefox qui permet à un intégrateur Web de déboguer, éditer et modifier le HTML, le CSS et le JavaScript d’une page web à la volée. Cette extension inclut un débuggeur, une console d’erreur, une ligne de commande, et une variété d’inspecteurs.
Un rapide aperçu des fonctionnalités de FireBug
- Un débuggeur JavaScript pour naviguer pas à pas dans le code une ligne à la fois,
- Une icône de barre d’état qui permet de voir rapidement s’il y a une erreur dans la page web,
- Une console qui montre les erreurs JavaScript et CSS,
- Messages de Log de JavaScript dans votre page web sur la console (adieu “alert debugging”),
- Une ligne de commande JavaScript,
- Un espion du trafic XMLHttpRequest,
- Un inspecteur de source HTML, styles associés, événements, mise en page et le DOM.
Il est mon coup de coeur et il m’a vraiment fait sauvé beaucoup de temps lors de mes intégrations et prototypages. Indispensable, je trouve qu’il devient même un indice de notoriété dans le métier.
Liens connexes
- Firebuglite
- Firebug Keyboard Shortcuts
- Bonnes pratiques pour le développement Web
- Introduction to Firebug
- An In-depth Look At The Future of Javascript Debugging With Firebug
- YSlow for Firebug
- AJAX Debugging with Firebug
- FireBug Tips and Tricks
- 10 Things you didn’t know about Firebug
- FirePHP - Extending Firebug
- Firebug in IE for *any* web site
13 février 2008 à 12:00
Excellente introduction a Firebug, une extension essentielle à tous développeur web à mon avis. Par contre, je le garde “disabled” quand je ne l’utilise pas, il ralenti énormément le navigateur sinon.
27 février 2008 à 13:30
Accelerer significativement le chargement de vos pages avec YSlow!…
Sous ce titre racoleur au possible se cache un petit bijou d’extension pour Firefox: YSlow, qui s’intégre au non moins merveilleux add-on Firebug.
Aparté: si tu es webdeveloper mais que tu ne connais pas Firebug, fais-toi du bien et inst…