Analizzare e debuggare le pagine web con FireBug
Analizzare e debuggare le pagine web con FireBug

FireBug è il più popolare e funzionale componente aggiuntivo gratuito di Firefox per analizzare il codice di pagine web ed analizzare script. 

Scritto da: Stefano Cassone
Pagina 1 di 1

Le più recenti versioni dei browser web ci hanno provato ad integrare una collezione di strumenti per sviluppatori ma con scarso successo.

Firebug è senz’altro la scelta migliore per analizzare script e codice delle pagine web aperte nel browser.

Si tratta di un tool gratuito per Firefox che una volta installato aggiunge un’icona a forma di insetto nella barra in alto a destra. Passandoci sopra con il mouse una label ci indica se lo stato del debugger è attivo o meno.

L'icona e il menu delle opzioni di FireBug

Ciò che stupisce di FireBug è l’estrema praticità e la semplicità di utilizzo anche per i meno esperti. Attivando il componente viene aperta una finestra posizionata nella parte inferiore del browser contenente una serie di tasti e funzioni.

La console di FireBug durante l'analisi degli elementi HTML

La funzione più famosa di FireBug è la selezione di un elemento da analizzare nella pagina: basta attivarla con un click e passare il mouse nella finestra per vedere il risultato nella console.

Oltre a mostrare il codice HTML della parte analizzata, FireBug è in grado di restituire le regole CSS utilizzate nel medesimo frammento di codice dando la possibilità di modificare il contenuto direttamente nella console.

La cosa sensazionale è che qualsiasi modifica fatta a livello di CSS o HTML viene immediatamente proposta sullo schermo. 

Segue in basso  ▼

 

Non manca una sezione dedicata agli Script caricati nella pagina e l’elenco di tutte le chiamate a funzioni asincrone con il dettaglio dei parametri in Post e la risposta della pagina.

Un’ ulteriore caratteristica a favore di FireBug è di tipo didattico: se utilizzato a dovere si apprendono molte tecniche nuove soprattutto per quanto riguarda l’uso dei CSS.

Cosa aspettate ad installarlo?

Ti è piaciuto l'articolo? Ricevine altri comodamente via mail
Articoli consigliati

Ottenere le dimensioni di una TV

Un praticissimo wizard per avere subito un'idea di quali possano essere le dimensioni di una TV. Comodo per chi vuole conoscere le misure di una TV a partire dalla diagonale.

Speciale Prestiti Online

Quali sono le migliori offerte? Cosa bisogna sapere prima di richiedere un prestito personale? Cerchiamo di spiegare come stanno le cose ...

Speciale Conti Correnti

Quali conti online scegliere? Puri o multicanale? Abbiamo identificato le migliori condizioni offerte dalle principali banche ...

Test velocita' ADSL

Esegui gratuitamente i migliori test per monitorare la velocità della tua connessione ADSL

Guadagnare con Internet

Guadagnare in Internet ? E' possibile. Con un po' di pazienza e fortuna, si possono avere apprezzabili risultati ..
TOP 10 articoli #08/17
Sitemap