Firebug Lite

Google Chrome sta guadagnando popolarità e accettazione come alternativa a Firefox e Internet Explorer, e non solo tra i navigatori del Web; Gli sviluppatori Web apprezzano la velocità e la flessibilità di Chrome, nonché i suoi componenti open source. Firebug Lite per Google Chrome è un'estensione gratuita che aggiunge le funzionalità del popolare strumento di sviluppo Web Firebug all'interfaccia di Chrome. Firebug Lite ti consente di ispezionare e modificare HTML in tempo reale, analizzare le prestazioni e l'attività della rete ed eseguire il debug di JavaScript con quello che si dice sia il debugger più avanzato disponibile in un browser.

L'installazione di Firebug Lite per Google Chrome è stata semplice come aprire la pagina in Chrome, fare clic sul collegamento per il download e consentire le modifiche. L'icona di Firebug Lite è apparsa nello spazio delle estensioni a destra della barra degli strumenti; facendo clic su di esso si apriva e si chiudeva il pannello inferiore del programma. Questo pannello espandibile e rimovibile copre la larghezza dell'interfaccia di Chrome. Il suo menu file ha due voci: Ispeziona, per analizzare la pagina Web di destinazione, e Cancella, per reimpostare il campo. La barra degli strumenti a schede contiene voci intitolate Console, HTML, CSS, Script e DOM. Una piccola freccia sul telaio inferiore apriva un pannello laterale per l'immissione e l'esecuzione di script. I pulsanti di navigazione ci consentono di disattivare Firebug Lite per la pagina corrente e di aprire il programma in una finestra pop-up, che ci consente di spostarlo indipendentemente da Chrome.

Prima di utilizzare Firebug Lite, abbiamo visto il breve tutorial video dello sviluppatore, che fa un ottimo lavoro nel guidare i nuovi utenti attraverso i vari strumenti del programma. Siamo passati a una pagina Web personale e abbiamo fatto clic su Ispeziona. La scheda HTML mostrava il codice nel pannello principale, mentre il pannello laterale più piccolo si apriva con tre schede visualizzate: Stile, Calcolato e DOM, con DOM che mostrava informazioni Java complete. Seguendo le istruzioni del tutorial, siamo stati in grado di modificare rapidamente l'HTML abbastanza da vedere un cambiamento visibile nel sito, ma senza causare alcun danno. Facendo clic su CSS si apriva lo strumento Cascading Style Sheets e un menu a discesa sulla barra delle applicazioni principale che elencava tutti i siti associati per l'ispezione.

Firebug Lite per Chrome fa troppo per coprire tutto adeguatamente qui, ma tutto ciò che devi sapere è questo: è gratuito, si integra perfettamente con Chrome e funziona davvero molto bene.