Post  |  Commenti

Post Meta

10th
AUG

Add-ons firefox per sviluppo web

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Posted by raphe | Filed under Firefox Add-ons

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à.

Tags: > > >

Reader's Comments

  1. raphè |

    leggo in questo momento su sastgroup un post dove vengono segnalati oltre 30 addons per firefox per sviluppo web, vi consiglio di leggerlo se siete interessati all’argomento:
    http://www.sastgroup.com/siti-web/30-firefox-add-ons-per-web-developers-designers

  2. DaRyL |

    Si ritengo siano indispensabili!
    Aggiugerei e consiglio anche:

    un client FTP : fireftp veloce ed efficiente:
    (http://fireftp.mozdev.org/)

    un ottimo validator SGMLparser/XHTML:
    (http://www.htmlpedia.org/)

    Saluti a tutti
    DaRyL

  3. raphè |

    ciao daryl ;)

  4. RedSend » Blog Archive » Debug php? Possibile con firePHP |

    [...] lato client: un add-on che va installata in firefox. Per il funzionamento è richiesta la precedente installazione di firebug, altro add-on del quale ho parlato in un precedente articolo. [...]

  5. UtentePasseggero |

    Per quanto riguarda DOM INSPECTOR, si può installare direttamente dal sito mozilla.org… Il link diretto è: https://addons.mozilla.org/it/firefox/addon/6622
    Però è compatibile con le versioni di Firefox 3.0a1 – 3.0b5pre.

Leave a Reply

Il contenuto di questo Blog è rilasciato sotto Licenza Creative Commons (Leggi)