Firebug Lite

Google Chrome vinner popularitet och acceptans som ett alternativ till Firefox och Internet Explorer, och inte bara bland webbsurfare; Webbutvecklare gillar Chromes hastighet och flexibilitet samt dess komponenter med öppen källkod. Firebug Lite för Google Chrome är ett gratis tillägg som lägger till funktionen hos det populära Firebugs webbutvecklingsverktyg till Chrome-gränssnittet. Firebug Lite låter dig inspektera och modifiera HTML i realtid, analysera nätverksprestanda och aktivitet och felsöka JavaScript med vad som påstås vara den mest avancerade debugger som finns i en webbläsare.

Att installera Firebug Lite för Google Chrome var så enkelt som att öppna sidan i Chrome, klicka på nedladdningslänken och tillåta ändringarna. Firebug Lite-ikonen dök upp i tilläggsutrymmet till höger om verktygsfältet; genom att klicka på den växlade programmets nedre panel till att öppnas och stängas. Denna expanderbara, löstagbara panel sträcker sig över hela Chrome-gränssnittets bredd. Dess filmeny har två poster: Inspektera för att analysera målwebbsidan och Rensa för att återställa fältet. Verktygsfältet med flikar innehåller poster med titeln Console, HTML, CSS, Script och DOM. En liten pil på den nedre ramen öppnade en sidopanel för att gå in och köra skript. Navigeringsknappar låter oss inaktivera Firebug Lite för den aktuella sidan samt öppna programmet i ett popup-fönster, som låter oss flytta runt det oberoende av Chrome.

Innan vi använde Firebug Lite tittade vi på utvecklarens korta videohandledning, som gör ett bra jobb med att leda nya användare genom programmets olika verktyg. Vi navigerade till en personlig webbsida och klickade på Inspektera. HTML-fliken visade koden i huvudpanelen, medan den mindre sidopanelen öppnades med tre flikar visade: Style, Computed och DOM, med DOM som visar omfattande Java-information. Efter handledningens instruktioner kunde vi snabbt ändra HTML tillräckligt för att se en synlig förändring på webbplatsen men utan att göra någon skada. Genom att klicka på CSS öppnades verktyget Cascading Style Sheets och en rullgardinsmeny på huvudaktivitetsfältet med alla associerade webbplatser för inspektion.

Firebug Lite för Chrome gör för mycket för att täcka det hela på ett adekvat sätt här, men allt du egentligen behöver veta är detta: Det är gratis, det integreras sömlöst med Chrome och det fungerar verkligen väldigt bra.