Firebug Lite

Google Chrome câștigă popularitate și acceptare ca alternativă la Firefox și Internet Explorer, și nu doar în rândul navigatorilor de pe Web; Dezvoltatorilor web le place viteza și flexibilitatea Chrome, precum și componentele sale open-source. Firebug Lite pentru Google Chrome este o extensie gratuită care adaugă funcționalitatea popularului instrument de dezvoltare web Firebug la interfața Chrome. Firebug Lite vă permite să inspectați și să modificați HTML în timp real, să analizați performanța și activitatea rețelei și să depanați JavaScript cu ceea ce se pretinde a fi cel mai avansat depanator disponibil într-un browser.

Instalarea Firebug Lite pentru Google Chrome a fost la fel de simplă ca să deschideți pagina în Chrome, să faceți clic pe linkul de descărcare și să permiteți modificările. Pictograma Firebug Lite a apărut în spațiul de extensii din dreapta barei de instrumente; făcând clic pe el, panoul inferior al programului a fost deschis și închis. Acest panou extensibil și detașabil se întinde pe lățimea interfeței Chrome. Meniul său de fișiere are două intrări: Inspectare, pentru a analiza pagina Web țintă și Ștergere, pentru a reseta câmpul. Tava de instrumente cu file conține intrări intitulate Consolă, HTML, CSS, Script și DOM. O săgeată mică de pe cadrul de jos a deschis un panou lateral pentru introducerea și rularea scripturilor. Butoanele de navigare ne permit să dezactivăm Firebug Lite pentru pagina curentă, precum și să deschidem programul într-o fereastră pop-up, care ne permite să-l mutăm independent de Chrome.

Înainte de a folosi Firebug Lite, am urmărit scurtul tutorial video al dezvoltatorului, care face o treabă bună de a ghida noii utilizatori prin diferitele instrumente ale programului. Am navigat la o pagină web personală și am făcut clic pe Inspectare. Fila HTML afișa codul în panoul principal, în timp ce panoul lateral mai mic se deschidea cu trei file afișate: Style, Computed și DOM, cu DOM afișând informații Java complete. Urmând instrucțiunile tutorialului, am reușit să modificăm suficient HTML-ul pentru a vedea o schimbare vizibilă a site-ului, dar fără a face niciun rău. Făcând clic pe CSS, s-a deschis instrumentul Cascading Style Sheets și un meniu drop-down pe bara principală de activități care listează toate site-urile asociate pentru inspecție.

Firebug Lite pentru Chrome face prea multe pentru a acoperi totul în mod adecvat aici, dar tot ce trebuie să știți este următorul: este gratuit, se integrează perfect cu Chrome și funcționează într-adevăr foarte bine.