Mozilla ha recentemente rilasciato una nuova Developer Editionper gli sviluppatori web da usare, ma quanta differenza c'è tra esso e la versione normale di Firefox? Il post di domande e risposte di SuperUser di oggi contiene le risposte alla domanda di un curioso lettore.
La sessione di domande e risposte di oggi ci viene fornita da SuperUser, una suddivisione di Stack Exchange, un raggruppamento di siti Web di domande e risposte guidato dalla community.
La domanda
Il lettore SuperUser Saurabh Lprocks vuole sapere cosa c'è di diverso tra le edizioni regolari e per sviluppatori di Firefox:
Mozilla ha recentemente lanciato una nuova versione del proprio browser web denominata Mozilla Firefox Developer Edition che è specificamente orientata verso gli sviluppatori web.
L'ho installato, ma non ho trovato moltodifferenza tra l'edizione normale di Firefox e l'edizione per sviluppatori. Tutti gli strumenti nell'edizione per sviluppatori sono anche nell'edizione normale. Voglio sapere quali extra ha l'edizione per sviluppatori che non include l'edizione normale.
Quali sono le differenze tra le edizioni regolari e per sviluppatori di Firefox?
La risposta
Contributori SuperUser blade19899 e Dave hanno la risposta per noi. Prima di tutto, blade19899:
La Firefox Developer Edition è stata modificataversione di Firefox progettata appositamente per gli sviluppatori Web. Utilizza anche 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 sincronizzare i componenti aggiuntivi e le impostazioni su entrambe le versioni.
Tutte le funzionalità di Firefox Developer Edition saranno disponibili 12 settimane prima di essere disponibili nella versione normale di Firefox.
Alcune funzionalità integrate in Firefox Developer Edition che la versione normale non ha sono:
IDE Web
Web IDE consente di sviluppare, distribuire ed eseguire il debugapp Web direttamente nel browser o su un dispositivo con sistema operativo Firefox. 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 altro per eseguirne il debug con gli strumenti di sviluppo. Puoi guardare un video sull'IDE Web su YouTube qui.
Valenza
Precedentemente chiamato Firefox Tools Adapter, Valenceti 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 anche gli incredibili strumenti creati per il debug di Firefox OS e Firefox per Android agli altri principali browser mobili, inclusi 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
Web Audio Editor ti consente di ispezionare e interagire con le API Web Audio in tempo reale per assicurarti che tutti i nodi audio siano collegati nel modo previsto.
Puoi consultare il mio Q / A su Chiedi a Ubuntu una risposta più approfondita: come posso installare Firefox Developer Edition?
Seguita dalla risposta di Dave:
Come sono sicuro che già sapete, al momento ha queste funzionalità pronte all'uso:
- Web IDE: consente di sviluppare, distribuire ed eseguire il debug di app Web.
- Responsive Design View - Consente di vedere come apparirà il sito Web in diverse dimensioni dello schermo.
- Valence - Debug in qualsiasi browser (precedentemente chiamato Firefox Tools Adapter).
- Web Audio Editor: ispeziona l'audio Web per assicurarsi che tutti i nodi audio siano collegati come previsto.
- Page Inspector - Esamina HTML e CSS.
- Console Web: visualizza le informazioni registrate e interagisce con le pagine Web utilizzando JavaScript.
- Debugger JavaScript - Debug JavaScript.
- Network Monitor: visualizza tutte le richieste di rete effettuate dal browser e il tempo necessario.
- Editor di stili: modifica gli stili CSS.
Puoi guardare un'introduzione video generale qui.
Include anche:
- Firefox Hello - WebRTC (uno strumento che consente di effettuare chiamate e chat video con altri utenti all'interno del browser).
- Pulsante Dimentica - Simile a Cancella cronologia.
- Contagocce: consente di "scattare" i colori da una pagina Web.
- Scratch Pad: una console JS autonoma per il test di frammenti JavaScript.
- Connetti: consente di connettersi a un dispositivo remoto.
Come probabilmente avrai notato, alcuni (la maggior parte) di questile funzionalità sono già disponibili in Firefox o tramite i componenti aggiuntivi in questo momento, e col passare del tempo, sospetto che saranno disponibili come plug-in. Ad esempio, Page Inspector, Console, Debugger e alcune altre funzionalità fanno già parte del componente aggiuntivo Firebug.
Per quanto riguarda la modifica delle dimensioni dello schermo e dei CSS, utilizzo uno strumento chiamato Developer Toolbar.
Ho usato Firefox Developer Edition comesviluppatore web e designer e sembra proprio Firefox con plugin progettati per adattarsi a un web designer (che è quello che penso stessero puntando). Personalmente sono più interessato a vedere come si sviluppa.
Al momento, sembra molto simile al debugger già integrato in Chrome e Internet Explorer 11 (anche se non ho ancora provato tutte le funzionalità).
Puoi anche visualizzare le note di Firefox Developer Edition per maggiori dettagli.
Hai qualcosa da aggiungere alla spiegazione? Audio disattivato nei commenti. Vuoi leggere altre risposte da altri utenti esperti di Stack Exchange? Dai un'occhiata al thread completo di discussione qui.
