About Your Web

Le navigateur Firefox de Mozilla n’est plus à présenter : multi-plate formes, sécurisé, ouvert et très puissant grâce à ses plugins (modules d’extension).

Nous nous attarderons aujourd’hui au couple Firefox + Firebug, redoutable d’efficacité :

1. Ensemble d’outils permettant d’analyser, tester et produire le code HTML, CSS, Javascript et Ajax

2. L’inspecteur permet non seulement d’analyser un élément du DOM (structure du document) mais aussi d’en modifier le contenu (balise html par exemple) afin d’en analyser l’impact avant de le mettre en production
3. L’outil de contrôle d’apparence permet de contrôler la taille des objets ainsi que les marges

   

4. La console permet d’analyser finement les en-têtes, les paramètres et les réponses

   

5. L’extension Yslow permet de contrôler le temps de chargement des composants les plus lourds

   

6. L’extension Firefinder permet de localiser facilement des éléments précis dans le code

   

Firefox / Firebug est donc un outil que nous vous recommandons vivement d’installer. N’hésitez pas à fouiner dans les multiples options pour en avoir une vue globale, puis à choisir celles qui correspondent le mieux à votre profil :

• Navigation dans la structure des documents
• Développement HTML
• Développement CSS et contrôle des modèles de boîtes (box models)
• Analyse du trafic réseau (temps de chargement, requêtes Ajax)
• Développement et débogage Javascript
• Console d’analyse et de recherche des erreurs
• Excellent tutoriel de Eric POMMEREAU sur developpez.com