Firebug Lite

Prehliadač Google Chrome si získava na popularite a akceptácii ako alternatíva k prehliadačom Firefox a Internet Explorer, a to nielen medzi používateľmi webu. Webovým vývojárom sa páči rýchlosť a flexibilita prehliadača Chrome, ako aj jeho open source komponenty. Firebug Lite pre Google Chrome je bezplatné rozšírenie, ktoré do rozhrania prehliadača Chrome pridáva funkcie obľúbeného webového vývojového nástroja Firebug. Firebug Lite vám umožňuje kontrolovať a upravovať HTML v reálnom čase, analyzovať výkon a aktivitu siete a ladiť JavaScript pomocou toho, čo je považované za najpokročilejší debugger dostupný v prehliadači.

Inštalácia Firebug Lite pre Google Chrome bola taká jednoduchá, ako otvorenie stránky v prehliadači Chrome, kliknutie na odkaz na stiahnutie a povolenie zmien. Ikona Firebug Lite sa objavila v priestore rozšírení napravo od panela s nástrojmi; kliknutím naň sa otvorí a zatvorí spodný panel programu. Tento rozšíriteľný, odnímateľný panel pokrýva celú šírku rozhrania Chrome. Jeho ponuka súborov má dve položky: Skontrolovať na analýzu cieľovej webovej stránky a Vymazať na resetovanie poľa. Panel nástrojov s kartami obsahuje položky s názvom Console, HTML, CSS, Script a DOM. Malá šípka na spodnom ráme otvárala bočný panel na zadávanie a spúšťanie skriptov. Navigačné tlačidlá nám umožňujú deaktivovať Firebug Lite pre aktuálnu stránku, ako aj otvoriť program v kontextovom okne, ktoré nám umožňuje pohybovať sa nezávisle od prehliadača Chrome.

Pred použitím Firebug Lite sme si pozreli krátky video tutoriál od vývojára, ktorý robí skvelú prácu pri prevádzaní nových používateľov rôznymi nástrojmi programu. Prešli sme na osobnú webovú stránku a klikli na Skontrolovať. Karta HTML zobrazila kód na hlavnom paneli, zatiaľ čo menší bočný panel sa otvoril s tromi zobrazenými kartami: Style, Computed a DOM, pričom DOM zobrazuje komplexné informácie Java. Podľa inštrukcií tutoriálu sme rýchlo dokázali zmeniť kód HTML natoľko, aby sme videli viditeľnú zmenu na stránke, ale bez toho, aby sme spôsobili akúkoľvek škodu. Kliknutím na CSS sa otvoril nástroj Cascading Style Sheets a rozbaľovacia ponuka na hlavnom paneli úloh so zoznamom všetkých pridružených lokalít na kontrolu.

Firebug Lite pre Chrome robí príliš veľa na to, aby to tu všetko dostatočne pokryl, ale všetko, čo skutočne potrebujete vedieť, je toto: Je zadarmo, bezproblémovo sa integruje s prehliadačom Chrome a skutočne funguje veľmi dobre.