Mozilla a récemment publié une nouvelle Developer Edition à l’usage des développeurs Web, mais quelle différence y a-t-il entre celle-ci et la version régulière de Firefox? Le post de questions-réponses des super-utilisateurs d’aujourd’hui contient les réponses à la question d’un lecteur curieux.
La question
Le lecteur SuperUser Saurabh Lprocks veut savoir ce qui est différent entre les éditions standard et développeur de Firefox:
Mozilla a récemment lancé une nouvelle version de son navigateur Web appelée Mozilla Firefox Developer Edition, spécialement conçue pour les développeurs Web.
Je l’ai installé, mais je n’ai pas trouvé beaucoup de différence entre l’édition régulière de Firefox et l’édition développeur. Tous les outils de l’édition développeur sont également dans l’édition régulière. Je veux savoir quels extras sont fournis avec l’édition développeur, mais pas l’édition standard.
Quelles sont les différences entre les éditions standard et développeur de Firefox?
La réponse
Les contributeurs SuperUser blade19899 et Dave ont la réponse pour nous. Tout d’abord, blade19899:
Le Firefox Developer Edition est une version modifiée de Firefox spécialement conçue pour les développeurs Web. Il utilise également un profil distinct de la version standard, de sorte que les exécuter côte à côte est une option. Cela signifie que tous vos modules complémentaires et paramètres ne seront pas disponibles dans Firefox Developer Edition, mais vous pouvez utiliser Firefox Sync pour synchroniser vos modules complémentaires et paramètres sur les deux versions.
Toutes les fonctionnalités de Firefox Developer Edition seront disponibles 12 semaines avant d’être disponibles dans la version régulière de Firefox.
Certaines fonctionnalités intégrées à Firefox Developer Edition que la version régulière n’a pas sont:
IDE Web
Web IDE vous permet de développer, déployer et déboguer des applications Web directement dans votre navigateur ou sur un appareil Firefox OS. Il vous permet de créer une nouvelle application Firefox OS (qui n’est qu’une application Web) à partir d’un modèle ou d’ouvrir le code d’une application existante. De là, vous pouvez modifier les fichiers de l’application. C’est un clic pour exécuter l’application dans un simulateur et un autre pour la déboguer avec les outils de développement. Vous pouvez regarder une vidéo sur Web IDE sur YouTube ici.
Valence
Anciennement appelé Firefox Tools Adapter, Valence vous permet de développer et de déboguer votre application sur plusieurs navigateurs et appareils en connectant les outils de développement Firefox à d’autres moteurs de navigateur majeurs. Valence étend également les outils géniaux conçus pour déboguer Firefox OS et Firefox pour Android aux autres principaux navigateurs mobiles, y compris Chrome sur Android et Safari sur iOS. Jusqu’à présent, ces outils incluent l’inspecteur, le débogueur et l’éditeur de console et de style. Vous pouvez regarder une vidéo sur Valence sur YouTube ici.
Éditeur audio Web
Le Éditeur audio Web vous permet d’inspecter et d’interagir avec les API Web Audio en temps réel pour vous assurer que tous les nœuds audio sont connectés comme vous le souhaitez.
Vous pouvez consulter mes questions / réponses sur Ask Ubuntu pour une réponse plus approfondie: Comment installer Firefox Developer Edition?
Suivi de la réponse de Dave:
Comme je suis sûr que vous le savez déjà, il possède actuellement ces fonctionnalités prêtes à l’emploi:
- Web IDE – Vous permet de développer, déployer et déboguer des applications Web.
- Vue de conception réactive – Vous permet de voir à quoi ressemblera le site Web dans différentes tailles d’écran.
- Valence – Débogage dans n’importe quel navigateur (anciennement appelé Firefox Tools Adapter).
- Web Audio Editor – Inspecte l’audio Web pour s’assurer que tous les nœuds audio sont connectés comme prévu.
- Inspecteur de page – examine HTML et CSS.
- Console Web – Consultez les informations enregistrées et interagissez avec les pages Web à l’aide de JavaScript.
- Débogueur JavaScript – Débogue JavaScript.
- Moniteur réseau – Voir toutes les demandes réseau effectuées par le navigateur et combien de temps cela prend.
- Éditeur de style – Modifiez les styles CSS.
Vous pouvez regarder une présentation vidéo générale ici.
Il comprend également:
- Firefox Hello – WebRTC (un outil permettant des appels et des conversations vidéo avec d’autres personnes à partir du navigateur).
- Bouton Oublier – Similaire à effacer l’historique.
- Pipette – Vous permet de «capturer» les couleurs d’une page Web.
- Scratch Pad – Une console JS autonome pour tester des extraits de code JavaScript.
- Connecter – Vous permet de vous connecter à un appareil distant.
Comme vous l’avez probablement remarqué, certaines (la plupart) de ces fonctionnalités sont déjà disponibles dans Firefox ou via des modules complémentaires, et avec le temps, je pense qu’elles seront disponibles sous forme de plugins. Par exemple, l’inspecteur de page, la console, le débogueur et quelques autres fonctionnalités font déjà partie du module complémentaire Firebug.
En ce qui concerne la modification des tailles d’écran et du CSS, j’utilise un outil appelé Developer Toolbar.
J’ai utilisé Firefox Developer Edition en tant que développeur et concepteur Web et cela ressemble à Firefox avec des plugins conçus pour convenir à un concepteur Web (c’est ce que je pense qu’ils visaient). Je suis personnellement plus intéressé de voir comment cela se développe.
Pour le moment, cela ressemble beaucoup au débogueur déjà intégré à Chrome et Internet Explorer 11 (même si je n’ai pas encore essayé toutes les fonctionnalités).
Vous pouvez également afficher le Notes de Firefox Developer Edition pour plus de détails.
Avez-vous quelque chose à ajouter à l’explication? Sonnez dans les commentaires. Vous voulez lire plus de réponses d’autres utilisateurs de Stack Exchange férus de technologie? Consultez le fil de discussion complet ici.
