Firebug: Un outil web indispensable
Firebug est un module à ajouter pour Firefox.
Il est téléchargable ici.
Il permet de visualiser le code d'une page web et de le modifier afin de voir les changements directement sur le navigateur.
Il y a la possibilité de visualiser les performances d'une page web.
De plus, il reconnait les language HTML, CSS et javascript.
Cette application est utilisée par les débutants et les professionnels.
Utilisation:
Une fois le module téléchargé et installé, cliquez sur l'icone (forme de mouche) en bas à droite de l'écran.
Ceci vous fera apparaitre un petit écran. Sur ce dernier, on peut voir qu'il est séparé en deux: Partie HTML et partie CSS.
Afin de rechercher le code d'une partie de la page, utilisez le petit carré bleu pointé par une flèche et séléctionnez la partie à observer.
Le code HTML changera et vous affichera directement ce dont vous cherchez!
Plus interresant encore, vous pouvez séléctionner le bloque de texte HTML puis cliquez sur "Editer" afin de modifier le code en direct.
Pour le javascript, quel bonheur pour nous! Firebug interprête le javascript et ceci nous permet de ne pas poluer notre code avec des alert() pour voir d'où viens un bogue!
De la même manière vous pouvez modifier le code CSS dans la partie de droite.
Cette partie est très intelligente. Il vous suffit de taper une lettre d'un mot clé CSS puis d'appuyer sur la flèche du haut ou du bas pour trouver le mot recherché.
Ceci est pratique lorsque vous avez oublié comment ce nomme un mot CSS ou lorsque vous recherchez une couleur.
Plus encore, au sujet des tailles, il vous suffit d'augmenter ou de diminuer une taille avec les flèches haut et bas pour voir le changement directement. Ceci est un gains de temps incroyable!
Au dessus de chaque classe CSS, vous avez la possibilité de cliquer sur la feuille de style la contenant pour voir toutes les autres classes.
De plus, le code est bien indenté ce qui facilite la recherche ou la modification de code.
L'onglet DOM (Document Object Model) représente la hiérarchie des objets et des fonctions.
Bien entendu, cet outil présente bien d'autre fonctionnalité que je vous laisse découvrir.:ccool:
Voici un lien, pour ceux qui veulent plus de détail: Maîtriser l'indispensable extension Firebug pour Firefox
Note: Chrome possède lui aussi Firebug mais il est un peu moins puissant.:?
Qu'en pensez vous?