Quelle est la différence entre les éditions régulières et pour développeurs de Firefox?

Mozilla a récemment publié une nouvelle édition pour les développeurs Web, mais quelle différence y a-t-il entre cette version et la version standard de Firefox? Le message Q & R du SuperUser d'aujourd'hui contient les réponses à une question d'un lecteur curieux.

La séance de questions et réponses d'aujourd'hui nous est offerte par SuperUser, une sous-division de Stack Exchange, un groupe de sites Web de questions-réponses dirigé par la communauté..

La question

Le lecteur superutilisateur Saurabh Lprocks souhaite connaître la différence entre les éditions standard et les éditions pour développeurs 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 standard de Firefox et l'édition pour développeurs. Tous les outils de l’édition des développeurs sont également dans l’édition normale. Je veux savoir quels extras l'édition de développeur est livrée avec l'édition normale ne.

Quelles sont les différences entre les éditions normale et de développeur de Firefox?

La réponse

Les contributeurs de SuperUser, blade19899 et Dave, ont la solution pour nous. Tout d'abord, blade19899:

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 leur exécution côte à côte est une option. Cela signifie que tous vos add-ons et paramètres ne seront pas disponibles dans Firefox Developer Edition, mais vous pouvez utiliser Firefox Sync pour synchroniser vos add-ons et paramètres sur les deux versions..

Toutes les fonctionnalités de Firefox Developer Edition seront disponibles 12 semaines avant leur disponibilité dans la version standard de Firefox..

Certaines fonctionnalités intégrées à Firefox Developer Edition et non disponibles dans la version standard sont les suivantes:

IDE Web

Web IDE vous permet de développer, déployer et déboguer des applications Web directement dans votre navigateur ou sur un périphérique Firefox OS. Il vous permet de créer une nouvelle application Firefox OS (qui est simplement une application Web) à partir d'un modèle ou d'ouvrir le code d'une application existante. De là, vous pouvez éditer les fichiers de l'application. Il suffit d'un clic pour exécuter l'application dans un simulateur et d'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 formidables outils conçus pour déboguer Firefox OS et Firefox pour Android aux autres principaux navigateurs mobiles, notamment Chrome sur Android et Safari sur iOS. Jusqu'à présent, ces outils incluent Inspector, Debugger et Console & Style Editor. Vous pouvez regarder une vidéo sur Valence sur YouTube ici.

Éditeur audio Web

Web Audio Editor 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 ma Q / A sur Ask Ubuntu pour une réponse plus détaillée: Comment installer Firefox Developer Edition?

Suivi de la réponse de Dave:

Comme vous le savez sûrement déjà, il dispose actuellement des fonctionnalités suivantes:

Web IDE - Vous permet de développer, déployer et déboguer des applications Web..

Responsive Design View - Vous permet de voir à quoi ressemblera le site Web dans différentes tailles d'écran.

Valence - Déboguer dans n’importe quel navigateur (appelé auparavant 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éboguer JavaScript.

Moniteur réseau - Voir toutes les demandes du navigateur faites par le navigateur et combien de temps cela prend.

Style Editor - Modifier les styles CSS.

Vous pouvez regarder une introduction vidéo générale ici.

Il comprend également:

Firefox Hello - WebRTC (un outil permettant de discuter par téléphone ou par vidéo avec d'autres personnes depuis le navigateur).

Bouton Oublier - Similaire à effacer l'historique.

Pipette - Vous permet de "capturer" les couleurs d'une page Web.

Bloc-notes - Une console JS autonome pour tester les extraits de code JavaScript.

Connecter - Vous permet de vous connecter à un périphérique distant.

Comme vous l'avez probablement remarqué, certaines (la plupart) de ces fonctionnalités sont déjà disponibles dans Firefox ou via des add-ons en ce moment, et avec le temps, je suppose qu'elles seront disponibles en tant que plugins. Par exemple, l'inspecteur de page, la console, le débogueur et quelques fonctionnalités supplémentaires font déjà partie du module complémentaire Firebug..

En ce qui concerne les tailles d’écran et les 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 un concepteur Web (ce que je pense qu'ils visaient). Personnellement, je suis 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 (bien que je n’aie pas encore essayé toutes les fonctionnalités).

Vous pouvez également consulter les notes de Firefox Developer Edition pour plus de détails..

Avez-vous quelque chose à ajouter à l'explication? Sound off dans les commentaires. Voulez-vous lire plus de réponses d'autres utilisateurs de Stack Exchange doués en technologie? Découvrez le fil de discussion complet ici.