Firebug lite, le Firebug cross-browser sans extension
Posé ici le vendredi 17 octobre 2008 à 16:11 par
Je parlais dans mon précédent billet de comment activer l'équivalent de Firebug sur Safari. Je ne connaissais tout simplement pas l'existence de Firebug Lite. Firebug Lite est le pendant "script" de l'extension pour Firefox. Vu que cette version Lite est développée en pur JavaScript, elle peut être utilisée sur tous les navigateurs. Safari, Opera et même Internet Explorer peuvent donc bénéficier de l'incontournable puissance de Firebug.
Firebug Lite peut s'utiliser de plusieurs manières.
Bookmarklet
Selon moi la meilleure manière de l'utiliser. Le site propose un Bookmarklet que vous posez dans votre barre de signets. Il suffira de cliquer sur ce lien pour activer Firebug lite sur la page en cours.
En ligne
Le script peut également être inclus directement dans n'importe laquelle de vos page à partir du site officiel. Dans ce cas, il faudra utiliser la touche F12 pour l'activer. Ou ajouter un attribut à votre balise HTML <html debug="true">
<script type="text/javascript"
src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js">
</script>
Hors ligne
Si vous travaillez hors-ligne, il faudra au préalable télécharger les scripts sur le site officiel et les inclure dans votre page. Comme précédemment, un pression de la touche F12 ou l'ajout de <html debug="true"> lancera le processus.
<script type="text/javascript" src="/path/to/firebug/pi.js"></script> <script type="text/javascript" src="/path/to/firebug/firebug-lite.js"></script>
Compatibilité simple
Voici une astuce intéressante. Si comme moi votre code est truffé de console.log() qui font hurler les navigateurs n'ayant pas l'extension, il est possible d'inclure un petit script qui empêchera l'apparition d'erreur sur tout navigateur. A télécharger également sur le site Officiel.
<script type="text/javascript" src="/path/to/firebug/firebugx.js"></script>
Firebug sur Internet Explorer 7
Firebug sur Safari
Le lien
Firebug Lite
http://getfirebug.com/lite.html
Ce contenu est mis à disposition selon les termes de la licence Creative Commons 2.0 France : Paternité, Pas d'Utilisation Commerciale, Partage des Conditions Initiales à l'Identique.
Context
Thématiques :
Trackbacks
0 trackback
Commentaires
0 commentaire