Firebug

Mozilla Firefox est (avec Opera, bien sur) un des navigateurs préférés des développeurs web, notamment pour certaines de ses extensions comme Web Developer qui facilitent le débuggage des pages web. Firebug propose une autre approche basée sur une interface plutôt intéressante.

L'extension ajoute un bouton dans la barre d'état du navigateur et s'ouvre dans un panneau en bas de la page (ou dans une fenêtre indépendante) permettant d'accéder simultanément au code HTML, aux feuilles de style ou aux scripts présents dans la page. Les différents éléments peuvent être surlignés et le code correspondant est automatiquement localisé au survol de la souris. Firebug permet également d'éditer directement les éléments dans la page et de visualiser le résultat immédiatement. En ce qui concerne les scripts, l'extension gère l'interruption du code à une ligne donnée (avec ou sans conditions) leur exécution ligne par ligne, l'affichage de la valeur des variables au survol de la souris. Enfin, on notera la possibilité d'évaluer le temps de chargement des différents éléments de la page (scripts, feuilles de style, images ...), utile à des fins d'optimisation

Installation : Lorsque vous installez une extension Firefox pour la première fois depuis un site, le navigateur affiche un avertissement en haut de la fenêtre. Pour permettre à Firefox d'installer l'extension, cliquez sur "modifier les options". Dans la boite de dialogue, cliquez sur "autoriser" puis "OK". Tentez alors une nouvelle fois l'installation.