Tout développeur web qui un jour a dû écrire du JavaScript un peu compliqué s'est heurté au problème du débuggage du code JS, et s'est tourné vers l'outil ultime pour Firefox : Firebug. Celui-ci permet de mettre des breakpoints dans le code JS, de l'exécuter ligne par ligne, de voir le contenu des variables à tout moment, mais a aussi de nombreuses autres fonctionnalités très utiles, comme l'inspection et la manipulation DOM, et la modification en direct du CSS. Il prend aussi en charge les diverses fonctions de débuggage de Firefox : console.log(), console.error(), etc..., et les affiche de manière lisible.
Mais le problème, c'est qu'il faut des fois débugger sous Internet Explorer ! Et le pâle équivalent de Firebug sous ce dernier, la Developer Toolbar, ne le permet pas. Pire encore, les appels à console.log() si utiles sous Firefox provoquent des erreurs dans IE ! Qu'à cela ne tienne, vous avez maintenant la possiblité d'utiliser Firebug Lite.
Il existe en deux versions, qu'il faut inclure dans vos pages. La première permet, en appuyant sur F12, d'afficher un semblant de console JavaScript , dans laquelle le résultat des console.log(), etc... aparaît. La seconde, quant à elle, permet juste d'empêcher les appels à ces fonctions de causer des erreurs dans Internet Explorer.
Si vous ne voulez pas l'installer sur toutes vos pages web, mais que vous voulez juste l'utiliser comme outil pour débugger, il existe aussi en bookmarklet : Firebug Lite Bookmarklet