firebug_1.png

Come fare quando si ha la necessità di effettuare un debug sul nostro codice javascript? oppure controllare i CSS? o ancora controllare e ispezionare il codice html?

Firebug è un plugin per firefox in grado di fare molto altro…

firebug_miniatura.jpg

Firebug è un piccolo plugin per Firefox scaricabile dal sito getfirebug.com che permette di effettuare diversi controlli sul nostro codice, sia HTML, sia javascript e anche per i CSS.

Uno dei punti forti è il comando INSPECT che permette, con il solo spostamento del mouse sulla pagina, di vedere la porzione di codice  relativa all’elemento grafico.

firebug_2.jpg

Un’altra delle funzioni importantissime del plugin è la possibilità di effettuare un vero debug del codice javascript, è infatti possibile utilizzare brakepoint ed avanzare step-by-step nell’esecuzione.

Ho trovato questa utility indispensabile è la consiglio a tutti, un piccolo contro però, in alcuni siti ci sono stati problemi di compatibilità che rendevano lenta la macchina e il browser, è sempre consigliabile disattivare il plugin (dal’icona che compare una volta installato in basso a destra) quando non serve.