Mozilla ha recentemente rilasciato una nuova Developer Edition per gli sviluppatori web, ma quanta differenza c'è tra essa e la versione normale di Firefox? Il post di domande e risposte di SuperUser di oggi contiene le risposte alla domanda di un lettore curioso.
La sessione di domande e risposte di oggi ci arriva per gentile concessione di SuperUser, una suddivisione di Stack Exchange, un raggruppamento guidato dalla comunità di siti web di domande e risposte.
La domanda
Il lettore SuperUser Saurabh Lprocks vuole sapere cosa c'è di diverso tra l'edizione normale e quella per sviluppatori di Firefox:
Mozilla ha recentemente lanciato una nuova versione del proprio browser web chiamata Mozilla Firefox Developer Edition che è specificamente orientata agli sviluppatori web.
L'ho installato, ma non ho trovato molta differenza 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 viene fornito con l'edizione per sviluppatori rispetto all'edizione normale.
Quali sono le differenze tra l'edizione normale e quella per sviluppatori di Firefox?
La risposta
I contributori di SuperUser blade19899 e Dave hanno la risposta per noi. Primo, blade19899:
Il Firefox Developer Edition è una versione modificata di Firefox progettata specificamente 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à in 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 sono:
Web IDE
Web IDE consente di sviluppare, distribuire ed eseguire il debug di app 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 altro 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 anche i fantastici strumenti creati per eseguire 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
Il 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 la mia domanda / risposta su Chiedi a Ubuntu per una risposta più approfondita: Come si installa Firefox Developer Edition?
Seguito dalla risposta di Dave:
Come sono sicuro che già sai, attualmente ha queste funzionalità fuori dagli schemi:
- IDE Web: consente di sviluppare, distribuire ed eseguire il debug di app Web.
- Visualizzazione responsive design: consente di vedere come apparirà il sito Web su schermi di dimensioni diverse.
- Valence: esegui il debug in qualsiasi browser (precedentemente chiamato Firefox Tools Adapter).
- Editor audio Web: ispeziona l'audio Web per garantire che tutti i nodi audio siano collegati come previsto.
- Page Inspector: esamina HTML e CSS.
- Console Web: visualizza le informazioni registrate e interagisci con le pagine Web utilizzando JavaScript.
- Debugger JavaScript: eseguire il debug di JavaScript.
- Network Monitor - Visualizza tutte le richieste di rete effettuate dal browser e quanto tempo impiega.
- Editor di stili: modifica gli stili CSS.
Puoi guardare un video introduttivo generale Qui .
Comprende inoltre:
- Firefox Hello - WebRTC (uno strumento che consente chiamate e chat video con altri dall'interno del browser).
- Pulsante Dimentica - Simile alla cancellazione della cronologia.
- Contagocce: ti consente di "scattare" i colori da una pagina web.
- Scratch Pad: una console JS autonoma per testare frammenti 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 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 del CSS, utilizzo uno strumento chiamato Developer Toolbar.
Ho usato Firefox Developer Edition come sviluppatore web e designer e sembra proprio Firefox con plug-in progettati per adattarsi a un web designer (che è quello a cui penso mirassero). 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 il file 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 tecnologia Stack Exchange? Dai un'occhiata al thread di discussione completo qui .
