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.
Responsive Design View
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

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

DXR

Profile Manager

Categories

Interwiki Language Links

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: music-wedding, edovio, Ilprofeta89, dinoop.p1
 Ultima modifica di: music-wedding,