Strumenti di Sviluppo di Firefox

La seguente è una lista di strumenti e risorse che vi aiuteranno nel vostro processo di sviluppo web, così come vi potranno aiutare, potenzialmente, nel debugging dei vostri add-ons per Firefox.

Sviluppo Web

Integrati in Firefox

Strumenti e risorse che sono integrati in Firefox e che sono utili nello sviluppo.

Page Inspector: Un utile strumento che mostra l'HTML dell'elemento che si sta puntando con il Mouse, nel contesto in cui si trova.

Web Console: Una console che offre interattivamente informazioni sull'output, esegue dei frammenti in JavaScript e li sperimenta con il contenuto.

Scratchpad: Un editor di testo integrato in Firefox che vi permette di editare ed eseguire del codice JavaScript.
Style Editor: Vi permette di editare gli stili CSS della pagina corrente in tempo reale; in aggiunta, è possibile attivarli o disattivarli. Un fantastico modo di lavorare in tempo reale sull'aspetto del sito!
JavaScript Debugger: Scorrendo il codice JavaScript in esecuzione nel Browser (o eventualmente in un Browser remoto!) e visualizzando le variabili, vi aiuta a rilevare i bugs. Questa documentazione inoltre include il Debugger Remoto, che potrete usare per il debug di codice in esecuzione in un dispositivo Firefox OS o in Firefox in un dispositivo Android.
Visualizzazione flessibile: Visualizza come, il vostro design, si mostra con le differenti risoluzioni senza cambiare la dimensione di finestra del vostro browser.
Using the Source Editor: Il Source Editor non è uno strumento integrato; mentre, invece, è l'editor usato in Scratchpad e in Style Editor. Questo articolo fornisce le informazioni comuni di tutti gli strumenti che fanno uso delle Source Editor API.
Developer Toolbar: La Developer Toolbar fornisce una interfaccia a riga di comando per manipolare e lavorare con gli strumenti di sviluppo in Firefox e dei bottoni per un accesso rapido agli strumenti usati più comunemente.

Estensioni

Firebug: Integra una ricca quantità di strumenti di sviluppo per editare, eseguire il debug, e visualizzare CSS, HTML, e JavaScript in tempo reale in qualunque pagina web (details)

DOM Inspector: Uno strumento di sviluppo utilizzato per ispezionare, sfogliare, e editare i DOM di documenti - solitamente pagine web o finestre XUL.

Web Developer: Aggiunge un menu e una toolbar al browser con vari strumenti di sviluppo web. (details)

Aardvark: Rivela elementi DOM come si trascina il mouse sulla pagina. (details)

More on Firefox Add-ons: Nella Categoria Web development nel sito Firefox Add-ons

Validatori

List of validators: Vari validatori per elementi di tipo HTML, CSS, RDF, Firefox extensions e molti altri.

Software di Authoring

HTMLTidy: Strumento utilizzato per riparare o segnalare HTML invalidi, nonchè per migliorare il layout e lo stile di rientro nel markup risultante.

JavaScript

Error Console: Strumento usato per segnalare errori in applicazioni chrome e pagine web user-opened. Inoltre, segnala errori e warnings relativi ai JavaScript, Errori dei CSS e messaggi arbitrari dal codice chrome.

Venkman: Il Debugger JavaScript di Mozilla
JSHint: Strumento di Analisi statica e di controllo qualità del codice JavaScript

JSLint: Strumento di controllo qualità del codice JavaScript

JSDoc: Strumento usato per generare (solitamente in HTML) documentazione di riferimento dai commenti nel codice (simile a JavaDoc).

DOM

DOM Inspector: Strumento di sviluppo usato per ispezionare, editare i Document Object Model di documenti

MODI: Mouseover DOM Inspector è un bookmarklet che vi consente di vedere e manipolare il DOM di una pagina web semplicemente scorrendo il mouse sul documento.

Localizzazione

Localization and Leveraging Tools: Strumenti e risorse che aiutano a localizzare e tradurre le vostre estensioni in altre lingue.

Accessibilità

Policy

WAI-ARIA Overview: una overview di WAI-ARIA, la Suite Acessible Rich Internet Applications; un set di documenti per rendere i siti Web 2.0 e le applicazioni più accessibili.

Strumenti di Testing

AChecker: AChecker è un tool che vi consente di inserire un url e testarne l'accessibilità.
W3C complete list of tools: Una Completa lista di strumenti di valutazione di accessibilità nel web

per consultare una più globale lista di risorse sull'accessibilità, guarda: Fluid Project accessibility resources e ARIA

Tree e branch management

cross-commit script: Il Concurrent Versions System(CVS) script permette, ad una singola patch, di essere facilmente verificata in multipli branches.

Strumenti profilo utente

Multiple Firefox profiles

Navigazione del Mozilla Codebase

MXR (se usate vim, mxr-vim velocizza il processo)

DXR

Profile Manager