Firebug Lite

Google Chrome wint aan populariteit en acceptatie als alternatief voor Firefox en Internet Explorer, en niet alleen onder websurfers; Webontwikkelaars waarderen de snelheid en flexibiliteit van Chrome, evenals de open-sourcecomponenten. Firebug Lite voor Google Chrome is een gratis extensie die de functionaliteit van de populaire Firebug Web-ontwikkelingstool toevoegt aan de Chrome-interface. Met Firebug Lite kunt u HTML in realtime inspecteren en wijzigen, netwerkprestaties en -activiteit analyseren en JavaScript debuggen met wat wordt beweerd dat het de meest geavanceerde debugger is die beschikbaar is in een browser.

Het installeren van Firebug Lite voor Google Chrome was net zo eenvoudig als het openen van de pagina in Chrome, het klikken op de downloadlink en het toestaan ​​van de wijzigingen. Het Firebug Lite-pictogram verscheen in de extensieruimte rechts van de werkbalk; door erop te klikken, werd het onderste paneel van het programma geopend en gesloten. Dit uitbreidbare, afneembare paneel beslaat de breedte van de Chrome-interface. Het bestandsmenu heeft twee items: Inspecteren, om de doelwebpagina te analyseren, en Wissen, om het veld opnieuw in te stellen. De gereedschapsbalk met tabbladen bevat vermeldingen met de titel Console, HTML, CSS, Script en DOM. Een kleine pijl op het onderste frame zette een zijpaneel open voor het invoeren en uitvoeren van scripts. Met navigatieknoppen kunnen we Firebug Lite voor de huidige pagina deactiveren en het programma openen in een pop-upvenster, waardoor we het onafhankelijk van Chrome kunnen verplaatsen.

Voordat we Firebug Lite gebruikten, hebben we de korte video-tutorial van de ontwikkelaar bekeken, die nieuwe gebruikers goed door de verschillende tools van het programma leidt. We gingen naar een persoonlijke webpagina en klikten op Inspecteren. Het HTML-tabblad toonde de code in het hoofdpaneel, terwijl het kleinere zijpaneel opende met drie weergegeven tabbladen: Stijl, Berekend en DOM, met DOM met uitgebreide Java-informatie. Door de instructies van de tutorial te volgen, waren we snel in staat om de HTML voldoende aan te passen om een ​​zichtbare verandering in de site te zien, maar zonder enige schade aan te richten. Door op CSS te klikken, werd de tool Cascading Style Sheets geopend en een vervolgkeuzemenu op de hoofdtaakbalk met alle bijbehorende sites voor inspectie.

Firebug Lite voor Chrome doet te veel om het hier allemaal adequaat te behandelen, maar het enige dat u echt moet weten is dit: het is gratis, het integreert naadloos met Chrome en het werkt inderdaad heel goed.