Utiliser Firebug (Lite) avec IE

Autant avec Firefox le débogage de CSS ne fait pas vraiment peur, autant dès qu’on parle de problèmes IE et d’autant plus de problème IE6 ou 7, là c’est un peu plus flippant.

Alors, il va exister une solution : https://getfirebug.com/firebuglite

Ce n’est pas trop compliqué à utiliser, il suffit d’inclure le JS présent dans l’archive https://getfirebug.com/releases/lite/latest/firebug-lite.tar.tgz à l’intérieur de vos composants puis de créer un marque page avec le code suivant à l’intérieur :

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite-debug.js','releases/lite/debug/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

Après, sous IE vous chargez le composant, puis quand vous voulez ouvrir Firebug, vous clickez sur le marque page. Et hop firefox apparaît.

Bon, c’est une version “Lite” donc il ne faut pas s’attendre à des trucs magiques mais bon … c’est quand même pratique.