Firebug estensione per Mozilla Firefox – modificare una pagina web on the fly

Per chi sviluppa siti web o anche per gli smanettoni dei temi di wordpress, cercando di migliorare il layout, il codice HTML o il CSS, uno strumento che senza dubbio non deve mancare è il programma Firebug.

Firebug è un’estensione di Mozilla Firefox che permette il debug, la modifica e il monitoraggio di tutti gli aspetti di una pagina web, come i fogli di stile, il codice HTML, la struttura DOM e il codice JavaScript. Firebug fornisce anche altri strumenti per lo sviluppo web come una console JavaScript e una funzione chiamata “Net” che permette di monitorare il tempo di caricamento in millisecondi di immagini e script. Oltre che per il debug, Firebug è uno strumento indispensabile per testare la sicurezza e la performance dei siti web.
Firebug è stato creato da Joe Hewitt, uno dei creatori di Firefox, ed è attualmente sviluppato e mantenuto dal Firebug Working Group.
Addirittura FireBug è estendibile con add-on che aggiungono nuove funzionalità o migliorano quelle esistenti. Una selezione la trovate in questo post di SixRevisions.
Una volta installato come estensione di firefox, l’uso è semplicissimo.
Il video seguente spiega chiaramente le potenzialità di Firebug (per una migliore visualizazione visualizzare il video a schermo interno).