Firefox Developer Edition è una nuova versione del popolare browser Mozilla, dedicata agli sviluppatori web.

Negli ultimi anni i browser più diffusi hanno integrato strumenti che permettono di visualizzare e modificare il codice sorgente delle pagine web. Questo strumento è molto utile per gli sviluppatori web perché permette loro di localizzare facilmente gli errori, modificare la pagina web al volo e vedere immediatamente i risultati delle modifiche.

Firefox Developer Edition è un browser web standard che ci permette di navigare in Internet nel modo consueto. Tuttavia, ha la particolarità di includere molti strumenti che facilitano il lavoro degli sviluppatori web. Alcuni di questi strumenti sono:

• Valence : questo strumento ci permette di effettuare il debug di diversi browser su diversi dispositivi. Ad esempio, possiamo effettuare il debug di una pagina web su Safari su iOS o su Chrome su Android. Ciò consente di collegare il dispositivo mobile al computer e di apportare modifiche al codice sorgente della pagina utilizzando Firefox. Queste modifiche si rifletteranno sui dispositivi mobili collegati. Questo strumento è in fase di test, quindi non è consigliabile utilizzarlo costantemente.
• Responsive design : grazie a questa visualizzazione, non sarà necessario installare alcun plug-in per verificare come viene visualizzata la pagina in diverse risoluzioni. In questo modo, potremo vedere se il design reattivo si adatta perfettamente al massimo numero di risoluzioni possibili.
• Page Inspector : questo pannello mostra le informazioni sugli elementi che compongono la pagina web. Possiamo vedere e modificare al volo il codice HTML e CSS. Ad esempio, se selezioniamo una classe CSS, vedremo evidenziati sul web tutti gli elementi che fanno uso di quella classe CSS. Lo stesso accade con il codice HTML; quando apriamo il pannello "Inspector Page" e posizioniamo il cursore sopra un elemento HTML, questo elemento verrà evidenziato nel design della pagina.
• Console web : questo pannello mostra gli errori e gli avvertimenti generati dalla pagina web che stiamo visitando e li organizza in categorie in modo da poter vedere gli errori corrispondenti a CSS, Javascript, Network, ecc. Possiamo chiamare il metodo di un oggetto o usare jQuery per elencare una serie di elementi. Tutto ciò che possiamo fare con Javascript può essere eseguito direttamente sulla "Console web".
• Network Monitor : qui possiamo vedere tutte le richieste effettuate da una pagina web ed esplorare le intestazioni della stessa. Questa vista è molto utile per sapere esattamente quanti elementi esterni stanno caricando una pagina web e se è necessario ridurre il numero di elementi. Possiamo filtrare le richieste per tipo: HTML, CSS, JS, Immagine, Sorgenti, Multimedia e altri.

Queste sono solo alcune delle caratteristiche che presenta questa nuova versione del browser Firefox. Sicuramente molti sviluppatori web saranno soddisfatti di questa versione e faranno di Firefox Developer Edition il loro browser predefinito.