Blog Pictoprod » javascript http://blog.pictoprod.com Génération web ! Mon, 22 Feb 2010 15:36:03 +0000 http://wordpress.org/?v=abc en hourly 1 Utiliser Firebug sur tous les navigateurs http://blog.pictoprod.com/2009/08/22/utiliser-firebug-sur-tous-les-navigateurs/ http://blog.pictoprod.com/2009/08/22/utiliser-firebug-sur-tous-les-navigateurs/#comments Sat, 22 Aug 2009 21:06:47 +0000 Stéphane http://blog.pictoprod.com/?p=213 Cet 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.

]]> http://blog.pictoprod.com/2009/08/22/utiliser-firebug-sur-tous-les-navigateurs/feed/ 0