In questo tutorial, ti mostreremo come installare e configurare Firefox Developer Edition su Ubuntu 16.04 LTS. Per chi non lo sapesse, Firefox Developer Edition, che è un browser creato appositamente per gli sviluppatori Web, è stato introdotto per la prima volta da Mozilla nel novembre 2014. Semplifica il flusso di lavoro di sviluppo in modo che gli sviluppatori non debbano passare da piattaforme e browser diversi.Questo browser è precaricato con molti strumenti per sviluppatori Web come WebIDE e Valence che consente agli sviluppatori di eseguire il debug di altri browser e app direttamente dall'interno dello sviluppatore Firefox. Questa edizione di Firefox è disponibile per la maggior parte dei sistemi operativi come Windows, Linux e MAC OS.
Questo articolo presuppone che tu abbia almeno una conoscenza di base di Linux, sappia come usare la shell e, soprattutto, che ospiti il tuo sito sul tuo VPS. L'installazione è abbastanza semplice e presuppone che tu sono in esecuzione nell'account root, in caso contrario potrebbe essere necessario aggiungere 'sudo ' ai comandi per ottenere i privilegi di root. Ti mostrerò l'installazione passo passo del browser web Firefox Developer Edition su un server Ubuntu 16.04 (Xenial Xerus).
Funzionalità di Firefox Developer Edition
- Strumenti di modifica visiva – Modifica visivamente le animazioni CSS e HTML riprodotte sulla pagina dal pannello Impostazioni. Verifica l'allineamento, le dimensioni e il riempimento di qualsiasi elemento utilizzando gli strumenti Righello e Misurazione.
- DevTools Challenger – Usa l'animazione visiva della Developer Edition e gli strumenti di modifica CSS per esplorare le profondità dell'oceano e interagire con le creature più strane.
- Strumenti per le prestazioni – Esamina la frequenza dei fotogrammi, il consumo di memoria e il profilo JS dei tuoi contenuti web in una visualizzazione della sequenza temporale consolidata per identificare e risolvere facilmente i colli di bottiglia delle prestazioni.
- Impostazioni pagina – Esamina l'HTML e CSS di qualsiasi pagina Web e modifica facilmente la struttura e il layout di una pagina.
- Editor audio web – Ispeziona e interagisci con l'API Web Audio in tempo reale per assicurarti che tutti i nodi audio siano connessi nel modo previsto.
- Console Web – Visualizza le informazioni registrate associate a una pagina Web e utilizza la console Web per interagire con le pagine Web utilizzando JavaScript.
- JavaScript Debugger – Scorri il codice JavaScript ed esamina o modifica il suo stato per individuare i bug.
- Monitoraggio di rete – Visualizza tutte le richieste di rete effettuate dal tuo browser, la durata di ciascuna richiesta e i dettagli di ciascuna richiesta.
- Editor di stile – Visualizza e modifica gli stili CSS associati a una pagina Web, creane di nuovi e applica fogli di stile CSS esistenti a qualsiasi pagina.
- Vista del design reattivo – Guarda come apparirà il tuo sito web o la tua app web su schermi di dimensioni diverse senza modificare le dimensioni della finestra del browser.
Installa Firefox Developer Edition su Ubuntu 16.04 LTS
Passaggio 1. Innanzitutto, assicurati che tutti i pacchetti di sistema siano aggiornati eseguendo il seguente apt-get comandi nel terminale.
sudo apt-get update sudo apt-get upgrade
Passaggio 2. Installazione di Firefox Developer Edition.
In primo luogo, aggiungi un repository per scaricare l'edizione per sviluppatori di Mozilla Firefox. Segui questo comando:
sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora sudo apt-get update sudo apt-get install firefox
Una volta installato, apri Firefox Developer Edition da Ubuntu Dash.
Congratulazioni! Hai installato con successo Firefox Developer Edition. Grazie per aver utilizzato questo tutorial per l'installazione del browser web Firefox Developer Edition sul sistema Ubuntu 16.04 LTS (Xenial Xerus). Per ulteriore aiuto o informazioni utili, ti consigliamo di controllare il sito Web ufficiale di Firefox Developer Edition.