Le migliori 10 estensioni FireFox per sviluppatori

FireFox non è solo un browser, ma, con le giuste estensioni, è un vero e proprio ambiente di sviluppo. Non potrei proprio fare le stesse cose che faccio FireFox con Internet Explorer, Opera o Chrome. Le mie estensioni sono diventate parte integrante del browser. Qui di seguito quelle che considero le più importanti per chi sviluppa siti.

1. Web Developer è sicuramente la più importante e la più completa: una vera e propria cassetta degli attrezzi per lo sviluppatore. Per alcuni questa è addrittura l'unica che utilizzano. Web developer permette di disabilitare JavaScript, disabilitare i cookie, esplorare visivamente molte proprietà dell'HTML di una pagina, mostrare il codice generato dinamicamente da uno script... Insomma, vitale.
Ho sempre pensato che molte delle estensioni che seguono in questa lista dovrebbero far parte di Web Developer, ma pare che l'autore non sia d'accordo con me.

2. Bottom Error Console vi permette di posizionare la console degli errori a fondo pagina. Molto utile per chi sviluppa JavaScript e ha spesso questa finestra di debug aperta.

3. Se volete conoscere il codice esadecimale di qualsiasi colore su una pagina cliccate su ColorZilla e trascinate il mouse sul pixel di cui volete conoscere i segreti.

4. CSS Viewer elenca le proprietà (dimensione font, colore, sfondo...) di qualunque elemento di una pagina. Manca una cosa importante questa estensione: non viene indicato il nome del foglio id stile su cui si trovano queste proprietà. Sembra una piccola cosa, ma alcuni siti lavorano con vari fogli di stile e quest'informazione sarebbe davvero utile.

5. Quando si sviluppano siti, una delle principali preoccupazioni è la compatibilità con tutti i browser. Personalmente odio avere tante finestre aperte quindi per testare Internet Explorer uso IE Tab che mi permette di aprire Internet Explorer in una tab di FireFox. Purtroppo non esistono estensioni che permettono la stessa cosa con Chrome e Opera.

6. JSView è una comodissima estensione che permette di vedere quali file JavaScript e CSS sono stati caricati da una pagina, quanto pesano e dà la possibilità di ispezionarli.

7. Live HTTP Headers mostra quali richieste e quali headers sono inviati a un server e indica la risposta del server. Estensione importantissima quando si cerca di capire cosa si sta chiedendo al server.

8. MeasureIt fa una cosa soltanto e la fa bene. Permette di misurare la distanza orizzontale e verticale tra due punti.

9. Siccome ogni sviluppatore è un piccolo appassionato di SEO, sapere il Page Rank delle pagine su cui si capita è molto interessante. Page Rank Checker ci permette esattamente questo.

10. User Agent Switcher è utile quando si decide di preparare diverse versioni di un sito per diversi browser. Can questa estensione è possibile cambiare il proprio User Agent in modo facile e veloce.


Bonus
In realtà non mi bastano 10 estensioni quindi voglio parlarvi di altre due molto interessanti.

1. Ammetto di non aver mai realmente capito come si usa Firebug, ma sono in tanti i suoi estimatori quindi, anche se io non la uso, vorrei che voi ne foste a conoscenza.

2. JavaScript Deobfuscator è un'estensione che ho scoperto oggi mentre facevo ricerche per questo post. Non ho ancora avuto la possibilità di testarla a fondo, ma il potenziale è ottimo e ho quindi deciso di elencarla anche se ho ancora poca esperienza con lei.


Ho dimenticato qualche estensione importante?