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 productionfirebug_01
  3. L’outil de contrôle d’apparence permet de contrôler la taille des objets ainsi que les marges

    firebug_03

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

    firebug_07

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

    firebug_05

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

    firebug_06

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 :

Un commentaire pour “Trousse à outils : Firefox + Firebug, le couplé gagnant”

  1. J’utilise tous les jours !!

    A cela j’ajoute aussi ScreenGrab! Lorsqu’on a pas snagit, ça aide vraiment. Et aussi colorZilla qui permet d’avoir facilement le code couleur d’une partie d’un site, logo, ou autre.

Laissez un commentaire