Panos Astithas: Write once, debug everywhere, from Firefox | JSConf EU 2015

Summary

Panos Astithas de Mozilla présente le projet Valence, une extension qui permet aux développeurs de déboguer des applications web sur d'autres navigateurs à partir de l'interface des outils de développement de Firefox. En utilisant Valence, les programmeurs peuvent maintenir leur productivité en évitant de changer d'environnement de développement pour chaque navigateur, améliorant ainsi la compatibilité et la qualité de leurs applications web.

Takeaways

• 🌐 Panos Astithas de Mozilla parle de la nécessité d'améliorer les outils de développement pour tester les navigateurs web.
• 🔧 L'idée principale est de pouvoir écrire du code une fois et déboguer partout, en utilisant les outils de développement qu'on préfère.
• 🖥️ Les développeurs web doivent souvent passer par différents outils pour déboguer leurs applications sur différents navigateurs et appareils.
• 🔄 Valence est un projet de Mozilla qui permet de déboguer des applications web sur d'autres navigateurs en utilisant les outils de Firefox.
• 🔗 Valence fonctionne en étendant le serveur de débogage de Firefox avec un adaptateur qui parle les protocoles de débogage des autres navigateurs.
• 💻 Valence est un module complémentaire pour Firefox et non intégré directement dans le navigateur pour des raisons de cadence de publication et de dépendances externes.
• 🔍 Les outils de développement de Firefox sont basés sur une architecture où les outils ont une interface utilisateur et communiquent avec le serveur de débogage via un protocole ouvert.
• 📱 Valence permet de déboguer des applications web sur des appareils mobiles comme les iPhones et les iPads, en utilisant les outils de Firefox.
• 🛠️ L'implémentation de Valence utilise des promesses et des générateurs de fonctions pour gérer l'asynchronicité des requêtes de débogage.
• 📚 Valence est un projet open source et Mozilla encourage tout le monde à contribuer au code et à l'étendre.
• 📅 Il y a un atelier sur Firefox IOS aujourd'hui, où des sacs sont distribués et où les participants peuvent s'impliquer dans le projet.

Q & A

Quel est le sujet de la conférence de Panos Astithas?

Le sujet de la conférence de Panos Astithas est 'Write once, debug everywhere', qui traite de la façon de rendre les outils de développement web plus cohérents et plus faciles à utiliser pour le débogage sur différents navigateurs.

Pourquoi Panos Astithas a-t-il choisi ce titre pour sa conférence?

Le titre vient de ses expériences passées en tant que développeur Java où le slogan était 'Write once, run everywhere', mais qui s'est révélé être 'Write once, debug everywhere' en réalité. Il veut explorer comment améliorer l'expérience de développement web en rendant les outils de débogage plus互通.

Quel est le projet sur lequel Panos Astithas travaille récemment?

Panos Astithas travaille récemment sur le projet Valence, en tant que chef technique. Ce projet est au cœur de sa présentation et vise à améliorer l'expérience de débogage des applications web sur différents navigateurs.

Quel est le problème que Panos Astithas aborde dans sa présentation?

Il aborde le problème de la complexité de l'utilisation de différents outils de développement pour déboguer des applications web sur plusieurs navigateurs et dispositifs. Il souhaite trouver une solution pour rendre cet processus plus simple et plus efficace.

Quel est le rôle de Valence dans la solution proposée par Panos Astithas?

Valence est un module complémentaire développé qui permet de déboguer des applications web s'exécutant dans d'autres navigateurs, en utilisant les outils de développement de Firefox. Cela permet de travailler avec des outils familiers plutôt que d'apprendre de nouveaux outils pour chaque navigateur.

Pourquoi Valence est-il distribué en tant que module complémentaire plutôt que d'être intégré dans Firefox?

Valence est distribué en tant que module complémentaire car il a des dépendances externes qui ne sont pas présentes dans Firefox. Il dépend du calendrier de publication des autres navigateurs et des modifications du protocole de débogage publié. Distribuer Valence en tant que module complémentaire permet une itération plus rapide et une facilité de contribution de la communauté.

Quelle est l'architecture des outils de développement de Firefox telle que décrite par Panos Astithas?

L'architecture des outils de développement de Firefox comprend une interface utilisateur, un client et un serveur de débogage. Le serveur de débogage contient des acteurs qui contrôlent les fonctionnalités individuelles de la plateforme de bas niveau, comme les objets dans la machine virtuelle JavaScript, les feuilles de style, les nœuds dans la balise, etc.

Comment Valence étend-il le serveur de débogage de Firefox?

Valence étend le serveur de débogage de Firefox en ajoutant un adaptateur qui contient de nouveaux acteurs capables de communiquer avec des navigateurs externes via des protocoles de débogage différents, tels que WebKit et Blink.

Quels sont les avantages de l'utilisation de Valence pour les développeurs?

L'utilisation de Valence permet aux développeurs de déboguer des applications web sur différents navigateurs en utilisant les outils de développement de Firefox qu'ils sont familiers. Cela réduit la complexité et le temps nécessaire pour apprendre de nouveaux outils pour chaque navigateur.

Quelle est la démarche pour installer et utiliser Valence?

Pour installer et utiliser Valence, les utilisateurs peuvent aller dans le menu 'Developer' de Firefox, sélectionner 'Web IDE', et la première fois qu'ils le feront, Firefox ira télécharger, installer et initialiser le module complémentaire Valence. Les utilisateurs peuvent ensuite déboguer des applications sur des navigateurs tels que Chrome et Safari directement à partir de Firefox.