Firebug per Firefox

Di admin in Applicazioni, Javascript Controls: +-close

L’estensione indispensabile per lo sviluppatore web

Firebug è un plugin per Firefox sviluppato da Joe Hewitt che possiede alcune funzionalità a cui nessuno sviluppatore vorrebbe fare a meno.

Dopo aver scaricato ed installato l’estensione ed aver riavviato il browser, vedremo in basso a destra della finestra del browser l’incona di un insetto. Cliccandoci sopra si aprirà il pannello di controllo di Firebug.

Attivare firebug

Come potrete notare il plugin necessita di essere abilitato per iniziare a funzionare nel pieno delle sue caratteristiche, quindi dovrete inserire le spunte nei pannelli desiderati per attivarli.

Caratteristiche

Firebug offre davvero molte funzionalità interessanti. Quelle che personalmente preferisco ed utilizzo maggiormente sono la possibilità di effettuare il debug degli script javascript, caratteristica che fa risparmiare allo sviluppatore molto tempo e il DOM Inspector.

Sono inoltre importanti il pannello ‘Net’, dove possiamo visualizzare tutte le richieste che ha effettuato la pagina web, richieste tra le quali rientrano il download di immagini, di fogli di stile, javascript esterni e così via.

Sotto il pannello ‘Console’ invece possiamo vedere le richieste asincrone che la pagina sta effettuando.

Una curisità, per quanto riguarda il pannello ‘Net’, è la possibilità di visualizzare, per quei siti che offrono il servizio di condivisione video, il percorso reale del file video e quindi poterlo scaricare direttamente.

Per quanto riguarda il DOM Inspector, dopo aver installato firebug, cliccando col tasto destro su un qualsiasi elemento della pagina web, noteremo nel menù la voce ‘Analizza Elemento’: cliccando su questa voce potremo visualizzare dove nel DOM ( Document Object Model ) è posizionato quell’elemento, le regole css ad esso applicato ed inoltre potremo effettuare delle modifiche in tempo reale, sia sul codice html che sul css.

Conclusioni

Una volta provato non potrete più fare a meno di Firebug. Le caratteristiche offerte da questa estensione sono a dir poco indispensabili per uno sviluppatore ma potrebbero tornare utili anche ad un ‘comune’ utente. Sicuramente vi starete chiedendo ‘Ma gli altri browser’? La risposta è semplice, firebug NON esiste per altri browser fuorchè Firefox.

Tuttavia esistono plugin sia per Internet Explorer che per Opera che cercano di imitare le possibilità offerte da Firefox, magari li vedremo più avanti.