Extension Firefox : Firebug

Mardi, 20 Octobre 2009 19:21

L'extension firebug est de loin la meilleure extension pour les développeurs!

Cette extension permet la consultation et modification du code de la page courante, quelques exemples concrets:

Je voudrais rapidement voir la classe css appliquée sur un élément de la page >>> L'outil d'inspection (inspect) de Firebug pemet de sélection tout élément d'une page et ensuite montre toutes les propriétés CSS de cet élément, l'emplacement de la déclaration dans le fichier css et même les styles hérités.
J'aimerais voir un ficher JS ou CSS (sans devoir le télécharger) >>> Les onglets "CSS" et "Script" permettent de consulter le ou les fichiers
Il y a des images manquantes sur ma page, j'aimerais comprendre pourquoi >>> L'onglet Net permet de consulter toutes les requêtes effectuées pour le chargement de la page. Toute requête non aboutie est affichée en rouge, il n'y a plus qu'à regarder la construction de l'URL pour comprendre l'erreur.
Il y a des erreurs JavaScript sur ma page et Internet Explorer ne me donne pas l'emplacement exact de l'erreur >>> L'onglet console de Firebug affiche généralement les erreurs Javascript de manière plus correcte.

L'essayer c'est l'adopter!