Dans ce tutoriel, nous allons vous montrer comment installer et configurer Firefox Developer Edition sur Ubuntu 16.04 LTS. Pour ceux d'entre vous qui ne le savaient pas, l'édition développeur de Firefox, qui est un navigateur conçu spécifiquement pour les développeurs Web, a été introduit pour la première fois par Mozilla en novembre 2014. Il rationalise le flux de travail de développement afin que les développeurs n'aient pas besoin de rebondir entre différentes plates-formes et navigateurs. Ce navigateur est préchargé avec de nombreux outils de développement Web tels que WebIDE et Valence qui permet aux développeurs de déboguer d'autres navigateurs et applications directement depuis le développeur Firefox. Cette édition de Firefox est disponible pour la plupart des systèmes d'exploitation tels que Windows, Linux et MAC OS.
Cet article suppose que vous avez au moins des connaissances de base sur Linux, que vous savez utiliser le shell et, plus important encore, que vous hébergez votre site sur votre propre VPS. L'installation est assez simple et suppose que vous s'exécutent dans le compte root, sinon vous devrez peut-être ajouter 'sudo ‘ aux commandes pour obtenir les privilèges root. Je vais vous montrer étape par étape l'installation du navigateur Web Firefox Developer Edition sur un serveur Ubuntu 16.04 (Xenial Xerus).
Fonctionnalités de Firefox Developer Edition
- Outils d'édition visuelle – Modifiez visuellement les animations CSS et HTML diffusées sur la page à partir du panneau Inspecteur. Vérifiez l'alignement, les dimensions et le rembourrage de n'importe quel élément à l'aide des outils de règle et de mesure.
- Développeur DevTools - Utilisez les outils d'animation visuelle et d'édition CSS de Developer Edition pour explorer les profondeurs de l'océan et interagir avec les créatures les plus étranges.
- Outils de performances – Examinez la fréquence d'images, la consommation de mémoire et le profil JS de votre contenu Web dans une vue chronologique consolidée pour identifier et résoudre facilement les goulots d'étranglement des performances.
- Inspecteur de page – Examinez le code HTML et CSS de n'importe quelle page Web et modifiez facilement la structure et la mise en page d'une page.
- Éditeur audio Web – Inspectez et interagissez avec l'API Web Audio en temps réel pour vous assurer que tous les nœuds audio sont connectés comme vous le souhaitez.
- Console Web – Consultez les informations consignées associées à une page Web et utilisez la console Web pour interagir avec les pages Web à l'aide de JavaScript.
- Débogueur JavaScript – Parcourez le code JavaScript et examinez ou modifiez son état pour vous aider à détecter les bogues.
- Moniteur réseau – Consultez toutes les requêtes réseau effectuées par votre navigateur, la durée de chaque requête et les détails de chaque requête.
- Éditeur de style – Affichez et modifiez les styles CSS associés à une page Web, créez-en de nouveaux et appliquez des feuilles de style CSS existantes à n'importe quelle page.
- Mode de conception réactif – Découvrez à quoi ressemblera votre site Web ou votre application Web sur différentes tailles d'écran sans modifier la taille de la fenêtre de votre navigateur.
Installez Firefox Developer Edition sur Ubuntu 16.04 LTS
Étape 1. Tout d'abord, assurez-vous que tous vos packages système sont à jour en exécutant le suivant apt-get commandes dans le terminal.
sudo apt-get update sudo apt-get upgrade
Étape 2. Installation de Firefox Developer Edition.
Tout d'abord, ajoutez un référentiel pour télécharger l'édition développeur de Mozilla Firefox. Suivez simplement cette commande :
sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora sudo apt-get update sudo apt-get install firefox
Une fois installé, ouvrez Firefox Developer Edition depuis Ubuntu Dash.
Félicitations ! Vous avez installé avec succès Firefox Developer Edition. Merci d'avoir utilisé ce didacticiel pour installer le navigateur Web Firefox Developer Edition sur le système Ubuntu 16.04 LTS (Xenial Xerus). Pour obtenir de l'aide supplémentaire ou des informations utiles, nous vous recommandons de consulter le site Web officiel de Firefox Developer Edition.