Firebug Lite

A Google Chrome egyre népszerűbb és elfogadottabb a Firefox és az Internet Explorer alternatívájaként, és nem csak a webböngészők körében; A webfejlesztők kedvelik a Chrome sebességét és rugalmasságát, valamint nyílt forráskódú összetevőit. A Firebug Lite for Google Chrome egy ingyenes bővítmény, amely a népszerű Firebug webfejlesztő eszköz funkcionalitását adja hozzá a Chrome kezelőfelületéhez. A Firebug Lite lehetővé teszi a HTML valós időben történő ellenőrzését és módosítását, a hálózati teljesítmény és tevékenység elemzését, valamint a JavaScript hibakeresését a böngészőben elérhető legfejlettebb hibakeresővel.

A Firebug Lite telepítése Google Chrome-hoz olyan egyszerű volt, mint megnyitni az oldalt a Chrome-ban, rákattintani a letöltési linkre, és engedélyezni kell a változtatásokat. A Firebug Lite ikon az eszköztár jobb oldalán lévő bővítmények területén jelent meg; rákattintással a program alsó panelje nyitható és bezárható. Ez a bővíthető, levehető panel átfogja a Chrome felület szélességét. Fájl menüjében két bejegyzés található: Vizsgálat a célweblap elemzéséhez és Törlés a mező visszaállításához. A füles eszköztálcán a Console, HTML, CSS, Script és DOM bejegyzések találhatók. Az alsó kereten lévő kis nyíl egy oldalsó panelt váltott ki a szkriptek beviteléhez és futtatásához. A navigációs gombok segítségével deaktiválhatjuk a Firebug Lite-ot az aktuális oldalon, valamint megnyithatjuk a programot egy felugró ablakban, amivel a Chrome-tól függetlenül mozgathatjuk.

A Firebug Lite használata előtt megnéztük a fejlesztő rövid oktatóvideóját, amely remekül vezeti át az új felhasználókat a program különféle eszközein. Egy személyes weboldalra léptünk, és rákattintunk az Ellenőrzés gombra. A HTML lap a fő panelen jelenítette meg a kódot, míg a kisebb oldalsó panelen három lap látható: Stílus, Számított és DOM, a DOM pedig átfogó Java információkat jelenített meg. Az oktatóanyag utasításait követve gyorsan meg tudtuk változtatni a HTML-t annyira, hogy látható változást lássunk a webhelyen, de anélkül, hogy kárt tettünk volna. A CSS-re kattintva megnyílik a Cascading Style Sheets eszköz, és a fő tálcán egy legördülő menü, amely felsorolja az összes kapcsolódó webhelyet ellenőrzésre.

A Firebug Lite for Chrome túl sokat tesz ahhoz, hogy itt mindent megfelelően lefedjen, de igazából csak ezt kell tudnia: ingyenes, zökkenőmentesen integrálható a Chrome-mal, és valóban nagyon jól működik.