Guide d'installation de Firebug dans les principaux navigateurs et périphériques iOS

Firebug est un complément de Firefox avec des outils utiles pour inspecter les éléments de page Web, déboguer et développer des pages Web. Il n’existe cependant aucun moyen de disposer de ces outils sur d’autres navigateurs Web que Firefox.

Le développement d'un outil similaire pour d'autres navigateurs peut prendre un travail difficile, mais il serait d'une grande aide si vous pouviez également faire fonctionner Firebug sur d'autres navigateurs, sachant que tout le monde a son navigateur préféré..

Eh bien, voici où Firebug Lite intervient pour résoudre vos besoins. Firebug Lite est une version plus simple de Firebug, mais il peut être utilisé sur IE, Opera, Chrome, Safari, iPad et iPhone tout en conservant des options et fonctionnalités similaires..

Installation de Firebug Lite sur Opera, Safari et Chrome

Avec Firebug Lite, aucune installation n'est nécessaire. Écrit en Java Script, vous pouvez ajouter un lien au lien Firebug Lite et celui-ci sera prêt pour l'inspection de la page. Vous devez donc simplement marquer le lien ci-dessous (vous pouvez également le faire glisser dans la barre de favoris de votre navigateur)..

Firebug Lite

Si vous utilisez le navigateur Chrome, le favori doit apparaître comme ci-dessous, si votre barre de favoris est visible..

Voilà, votre Firebug Lite devrait maintenant fonctionner lorsque vous en avez besoin.

Utilisation de Firebug Lite sur Opera, Safari et Chrome

Maintenant, vous pouvez utiliser Firebug Lite pour inspecter pratiquement n'importe quelle page Web. Pour cet exemple, nous allons utiliser Wikipedia.org.

Lorsque la page Web est chargée, cliquez sur le signet Firebug Lite que vous avez enregistré précédemment et une boîte de console apparaît en bas de la page Web..

Si nous fermons, voici ce que vous verrez en bas à gauche de la page.

Vous pouvez maintenant voir le (+) et le (-) au point de départ de nombreuses lignes. Le signe (+) signifie qu'il y a plus de lignes fermées sous la ligne de code HTML, et si vous la mettez en surbrillance, vous verrez quelle partie de la page elle représente..

Mais si vous souhaitez faciliter le repérage des lignes représentées par un texte, une photo, un lien ou tout autre élément de la page Web, cliquez sur le bouton "Inspecter"..

Maintenant, vous pouvez déplacer le curseur de votre souris sur n’importe quelle partie des éléments disponibles sur la page Web et vous verrez la ligne HTML en surbrillance. Cela rend plus facile pour vous de faire une inspection.

Installation de Firebug Lite sur iPad et iPhone

Bookmarklets ne va pas vraiment bien avec iPad et iPhone. Pour installer Firebug Lite sur iPad et iPhone, procédez comme suit:

Marquez cette page sur votre iPad ou iPhone.
Renommez le marque-page en "Firebug".

Sélectionnez et copiez tout le script ci-dessous.

javascript: (fonction (F, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) retourne; 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] ('tête') [0] || F [e] ('corps') [0]). appendChild (E); E = new% 20Image; E [r] ('src', I + L);) (document, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'releases / lite / latest / skin / xp / sprite.png', 'https: //getfirebug.com/','#startOpened ');

Aller à l'option de signet et appuyez sur "Modifier". Puis sélectionnez le signet "Firebug".
Supprimer l'URL d'origine et coller le bookmarklet.
Choisir “Terminé” sur votre clavier.

Maintenant, essayez d'ouvrir n'importe quel site Web et sélectionnez le marque-page "Firebug". Vous verrez alors un Firebug en fonctionnement au bas de l'écran de votre iPad..

Conclusion

Firebug Lite est de loin suffisant pour effectuer une inspection de page rapide. Vous pouvez afficher le code HTML, CSS et tout autre script utilisé pour créer la page Web. Bien que Chrome ait sa propre extension Web Developer, Firebug Lite ne déçoit pas de loin..