Qual è la differenza tra le edizioni regolari e sviluppatore di Firefox?

Mozilla ha recentemente rilasciato una nuova Developer Edition per gli sviluppatori Web da utilizzare, ma quanta differenza c'è tra questa e la versione normale di Firefox? Il post di Q & A di SuperUser di oggi ha le risposte alla domanda di un lettore curioso.

La sessione di domande e risposte di oggi ci viene fornita per gentile concessione di SuperUser, una suddivisione di Stack Exchange, un raggruppamento di siti Web di domande e risposte basato sulla comunità.

La domanda

Lettore SuperUser Saurabh Lprocks vuole sapere cosa c'è di diverso tra le edizioni regolari e sviluppatore di Firefox:

Mozilla ha recentemente lanciato una nuova versione del proprio browser Web chiamata Mozilla Firefox Developer Edition, specificamente rivolta agli sviluppatori web.

L'ho installato, ma non ho trovato molta differenza tra la versione normale di Firefox e l'edizione per sviluppatori. Tutti gli strumenti dell'edizione per sviluppatori sono anche nella versione normale. Voglio sapere quali extra l'edizione per sviluppatori viene fornita con l'edizione normale no.

Quali sono le differenze tra le edizioni regolari e sviluppate di Firefox?

La risposta

I contributori SuperUser blade19899 e Dave hanno la risposta per noi. Innanzitutto, lama19899:

Firefox Developer Edition è una versione modificata di Firefox specificamente progettata per gli sviluppatori web. Utilizza inoltre un profilo separato dalla versione normale in modo che eseguirli fianco a fianco sia un'opzione. Ciò significa che tutti i componenti aggiuntivi e le impostazioni non saranno disponibili in Firefox Developer Edition, ma è possibile utilizzare Firefox Sync per ottenere i componenti aggiuntivi e le impostazioni sincronizzati su entrambe le versioni..

Tutte le funzionalità di Firefox Developer Edition saranno disponibili 12 settimane prima che siano disponibili nella versione normale di Firefox.

Alcune funzionalità integrate in Firefox Developer Edition che la versione normale non ha:

Web ID

Web IDE consente di sviluppare, distribuire ed eseguire il debug di applicazioni Web direttamente nel browser o su un dispositivo Firefox OS. Ti consente di creare una nuova app per Firefox OS (che è solo un'app Web) da un modello o di aprire il codice di un'app esistente. Da lì puoi modificare i file dell'app. È sufficiente un clic per eseguire l'app in un simulatore e un'altra per eseguire il debug con gli strumenti di sviluppo. Puoi guardare un video su Web IDE su YouTube qui.

Valenza

Precedentemente chiamato Firefox Tools Adapter, Valence ti consente di sviluppare ed eseguire il debug della tua app su più browser e dispositivi collegando gli strumenti di sviluppo di Firefox ad altri principali motori di browser. Valence estende inoltre gli straordinari strumenti creati per eseguire il debug di Firefox OS e Firefox per Android agli altri principali browser mobili, tra cui Chrome su Android e Safari su iOS. Finora questi strumenti includono Inspector, Debugger e Console & Style Editor. Puoi guardare un video su Valence su YouTube qui.

Web Audio Editor

L'editor Web Audio consente di ispezionare e interagire con le API Web Audio in tempo reale per garantire che tutti i nodi audio siano connessi nel modo previsto.

Puoi guardare attraverso il mio Q / A su Ask Ubuntu per una risposta più approfondita: Come installare Firefox Developer Edition?

Seguito dalla risposta di Dave:

Come già sapete, al momento ha queste caratteristiche fuori dalla scatola:

Web ID: consente di sviluppare, distribuire ed eseguire il debug di applicazioni Web.

Visualizzazione reattiva del design: consente di vedere come apparirà il sito Web in diverse dimensioni dello schermo.

Valenza - Debug in qualsiasi browser (in precedenza chiamato Firefox Tools Adapter).

Web Audio Editor: controlla l'audio del Web per garantire che tutti i nodi audio siano connessi come previsto.

Page Inspector - Esamina HTML e CSS.

Console Web: consente di visualizzare le informazioni registrate e di interagire con le pagine Web utilizzando JavaScript.

JavaScript Debugger - Debug JavaScript.

Network Monitor - Vedi tutte le richieste di rete che il browser fa e quanto tempo ci vuole.

Style Editor - Modifica stili CSS.

Puoi guardare un'introduzione video generale qui.

Include anche:

Firefox Hello - WebRTC (uno strumento che consente la chiamata e la chat video con gli altri all'interno del browser).

Pulsante Dimentica - Simile alla cronologia chiara.

Eyedropper: consente di "scattare" i colori da una pagina Web.

Scratch Pad - Una console JS stand-alone per testare snippet di JavaScript.

Connetti: consente di connettersi a un dispositivo remoto.

Come probabilmente avrai notato, alcune (la maggior parte) di queste funzionalità sono già disponibili in Firefox o tramite add-on in questo momento e, col passare del tempo, sospetto che saranno disponibili come plugin. Ad esempio, Page Inspector, Console, Debugger e alcune altre funzionalità fanno già parte del componente aggiuntivo Firebug.

Per quanto riguarda le dimensioni dello schermo e il CSS, utilizzo uno strumento chiamato Developer Toolbar.

Ho usato Firefox Developer Edition come sviluppatore web e designer e sembra proprio Firefox con plugin progettati per soddisfare un web designer (che è quello che penso che stessero puntando). Sono personalmente più interessato a vedere come si sviluppa.

Al momento, sembra molto simile al debugger già incorporato in Chrome e Internet Explorer 11 (anche se non ho ancora provato tutte le funzionalità).

È inoltre possibile visualizzare le note di Firefox Developer Edition per ulteriori dettagli.

Hai qualcosa da aggiungere alla spiegazione? Audio disattivato nei commenti. Vuoi leggere più risposte dagli altri utenti di Stack Exchange esperti di tecnologia? Controlla la discussione completa qui.