Vous insérez de plus en plus de Javascript dans vos applications web pour introduire des animations, une meilleure ergonomie, etc. Vos pages sont bien sûr plus agréables à lire et les utilisateurs sont ravis ! Par contre, de votre côté, le code est beaucoup plus difficile à maintenir, sans parler des bugs... L'utilisation de Firebug vous permettra de gagner beaucoup de temps grâce aux nombreux outils mis à votre disposition.
Firebug est une extension pour le navigateur Web Firefox dont la version 4 est sortie récemment. Elle a été développée par l'un des créateurs de Firefox, Joe Hewitt, dans le but de déboguer une page HTML entièrement (HTML, CSS et Javascript) depuis un seul outil.
Dans cet article nous allons découvrir quelles sont les possibilités offertes par cette extension. Nous verrons également que Firebug dispose d'un système d'extensions en interne (on peut ajouter des extensions à l'extension Firebug) et que certaines de ces extensions peuvent s'avérer très pratiques...
1. Présentation générale
Firebug étant une extension pour Firefox, elle s'installera comme à l'habitude : rendez-vous sur la page du projet (ici https://addons.mozilla.org/fr/firefox/addon/1843/), cliquez sur le bouton « Ajouter à Firefox », puis redémarrez Firefox. Vous obtiendrez alors une nouvelle icône dans la barre de statut de votre navigateur (Fig. 1). En cliquant sur cette icône...
- Accédez à tous les contenus de Connect en illimité
- Découvrez des listes de lecture et des contenus Premium
- Consultez les nouveaux articles en avant-première