Utiliser Firebug sur tous les navigateurs
Posté par Stéphane le 22 août 2009 dans Featured, Javascript/Ajax, PHP5, xHtml/css • Pas de commentairesCet article explique comment utiliser le très utile plugin Firebug sur IE, Opera, Safari, firefox …Une version lite de Firebug (Firebug Lite) permet l’utilisation de cette barre d’outils de debug sur plusieurs navigateurs. Pour ce qui font du développement Web et qui ne connaissent pas encore Firebug, jetez-y vite un coup d’oeil.
Ce plugin est très pratique et permet de débugguer une page web, un script …
Il permet entre autre :
- Inspection du code HTML
- Visualisation des CSS appliquées à un élément
- Mesure des éléments
- Mesure des temps de chargement
- Debug et Profiling javascript
- Explorateur DOM
- Recherche rapide d’erreur
- …
Voir la description du plugin sur le site de Firebug.
Installation de Firebug
Pour installer Firebug lite, il suffit de mettre une ligne javascript dans le Head de votre site :
<script type='text/javascript'src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
Attention, je vous conseille de réaliser un test par rapport à votre IP avant d’insérer cette ligne si vous l’utilisez sur un site en prod.
Firebug Lite en Bookmarklet
Plus simple encore, vous ajouter l’adresseà vos bookmark et vous appelez ainsi Firebug Lite depuis n’importe quel site.
Plugin pour Firefox
Si vous utilisez Firefox, il est bien entendu conseillé d’installer le plugin.
Plus d’infos concernant le plugin et ses options sur le site de Firebug Lite.
