Firebug Lite

Google Chrome gagne en popularité et en acceptation en tant qu'alternative à Firefox et Internet Explorer, et pas seulement parmi les internautes ; Les développeurs Web apprécient la rapidité et la flexibilité de Chrome ainsi que ses composants open source. Firebug Lite pour Google Chrome est une extension gratuite qui ajoute les fonctionnalités du célèbre outil de développement Web Firebug à l'interface Chrome. Firebug Lite vous permet d'inspecter et de modifier HTML en temps réel, d'analyser les performances et l'activité du réseau et de déboguer JavaScript avec ce qui est prétendu être le débogueur le plus avancé disponible dans un navigateur.

L'installation de Firebug Lite pour Google Chrome était aussi simple que d'ouvrir la page dans Chrome, de cliquer sur le lien de téléchargement et d'autoriser les modifications. L'icône Firebug Lite est apparue dans l'espace des extensions à droite de la barre d'outils ; en cliquant dessus, le panneau inférieur du programme s'ouvrait et se fermait. Ce panneau extensible et détachable s'étend sur toute la largeur de l'interface Chrome. Son menu Fichier comporte deux entrées : Inspecter, pour analyser la page Web cible, et Effacer, pour réinitialiser le champ. La barre d'outils à onglets contient des entrées intitulées Console, HTML, CSS, Script et DOM. Une petite flèche sur le cadre inférieur a ouvert un panneau latéral pour entrer et exécuter des scripts. Les boutons de navigation nous permettent de désactiver Firebug Lite pour la page actuelle ainsi que d'ouvrir le programme dans une fenêtre contextuelle, ce qui nous permet de le déplacer indépendamment de Chrome.

Avant d'utiliser Firebug Lite, nous avons regardé le bref didacticiel vidéo du développeur, qui fait un excellent travail pour guider les nouveaux utilisateurs à travers les différents outils du programme. Nous avons navigué vers une page Web personnelle et cliqué sur Inspecter. L'onglet HTML affichait le code dans le panneau principal, tandis que le petit panneau latéral s'ouvrait avec trois onglets affichés : Style, Calculé et DOM, DOM affichant des informations Java complètes. En suivant les instructions du didacticiel, nous avons rapidement pu modifier suffisamment le code HTML pour voir un changement visible dans le site, mais sans faire de mal. Cliquer sur CSS a ouvert l'outil Feuilles de style en cascade et un menu déroulant dans la barre des tâches principale répertoriant tous les sites associés à inspecter.

Firebug Lite pour Chrome en fait trop pour tout couvrir correctement ici, mais tout ce que vous devez vraiment savoir est ceci : c'est gratuit, il s'intègre parfaitement à Chrome et il fonctionne très bien.