Fra le estensioni per Firefox FireBug è sicuramente quella più in uso da parte degli sviluppatori ma anche da chi volesse avvicinarsi alla programmazione di pagine web (css, html, javascript). FireBug è un potente strumento per lo sviluppo in ambito web che permette di testare modifiche alle pagine HTML, ai fogli stite CSS o alle funzioni JavaScript in tempo reale e senza provocare disagi ai visitatori del nostro sito/blog. Un semplice “refresh” della pagina e tutto torna alla normalità.
L’installazione è simile a quella di tutti gli altri add-ons per Firefox, sarà necessario solo riavviare il browser in seguito. Con molta facilità possiamo modificare l’intestazione del nostro blog, corpo, colore e famiglia caratteri. Così come molti altri elementi presenti nel file “style.css” del tema utilizzato (ho preso in esame questo aspetto testandolo su WordPress e phpBB). FireBug, dopo l’analisi della pagina e il “blocco” da noi selezionato ci indicherà la posizione, i parametri dell’elemento da modificare e la riga sulla quale andare ad operare le modifiche sul file style.css del nostro template. Di seguito un elenco delle sue numerose funzionalità (la descrizione è presa da vari blog in rete)
- Monitoraggio dei tempi di caricamento di ogni elemento della pagina web
- Possibilità di effettuare l’inspect e di modificare in tempo reale di tutti i file HTML, CSS e JS
- Esplorazione del Document Object Model (DOM) della pagina analizzata
- Debug, logging e modifica a caldo delle funzioni Javascript
- Sistema di individuazione e segnalazione errori presenti in ogni componente del sito web
(…)