Add-ons firefox per sviluppo web

An article by duplikey    5 Comments

Questo articolo è stato pubblicato 4 anni 6 mesi 4 giorni giorni fa quindi alcuni contenuti o informazioni presenti in esso potrebbero non essere più validi. Questo sito non è responsabile per eventuali errori causati da questo problema.

Data la quantità incredibile di add-ons per firefox che permettono di effettuare le operazioni più assurde (alcune di dubbia utilità), ho pensato di segnalare 4/5 add-ons per far diventare la propria volpe di fuoco il miglior alleato di ogni sviluppatore web che si rispetti.

Web developer bar:
questo è il primo in assoluto da segnalare perchè non può mancare assolutamente e se non ne siete già in possesso non avete idea di cosa vi siete persi. E’ possibile fare testing di pagine web a livelli altissimi. Aggiunge una barra al vostro browser con ben 12 menu con le più disparate opzioni: si parte dalle “classiche” opzioni per disabilitare script, cache, java, ecc; permette di editare al volo CSS (sia in remoto che il locale) vedendo in tempo reale le modifiche apportate; visualizzazione di informazioni (id, class, form, ecc) su un layer sovrastante la pagina; outline di elementi; ridimensionamento della pagina; visualizzazione errori javascript e css… Ci sarebbero tante cose da dire ma fate prima a provarla e a diventarne dipendente ;)

Firebug:
altro add-on importante, permette una avanzata gestione di HTML, CSS, Javascript, DOM (vastissima questa funzionalità) con visualizzazione sorgente e evidenziazione di elementi sulla pagina in tempo reale (inspect). Utilissima inoltre la funzionalità di ricerca per cercare all’interno dei sorgenti per trovare velocemente determinate sezioni del codice.

Aardvark:
molto semplice la funzionalità di questo add-on: lo si attiva e passando col mouse sulle vostre pagine web esso evidenzia le varie aree indicando informazioni utili come: tipo di elemento (div, span, iframe, ecc), class, id, dimensioni, ecc.

Dom inspector:
questo add-on si installa al momento dell’installazione di firefox e non ho trovato un sito dove sia possibile scaricarlo in un secondo momento. Quindi se almomento dell’installazione non l’avete selezionato dovrete reinstallare firefox. Come dice il nome, questo add-on, permette di analizzare l’albero DOM della pagina tramite una comoda struttura ad albero e visualizzazione di tutti i nodi (anche quelli non visibili). Contiene inoltre una comoda funzione di ricerca.

Se avete altre add-ons da segnalare fatelo pure nei commenti. Alcune di quelle da me segnalate hanno funzioni in comuni che possono sembrare ridondanti, sta a voi quindi scegliere dove utilizzare una determinata funzionalità e chi la implementa nel modo che vi piace di più. Bisogna provarle per capirne l’utilità.