Cet article fait partie d'une série d'articles de blog décrivant les modifications que nous apportons à l'architecture des outils de développement et leur conception.
Lorsque les outils de développement ont été créés il y a de nombreuses années, l'équipe a choisi de créer un framework d'interface utilisateur sur mesure. C'était un choix raisonnable à l'époque et a été utile pour les outils de développement.
Depuis, plusieurs fonctionnalités ont été ajoutées à la plate-forme. L'une d'entre elles, les composants Web, convient parfaitement à la création d'éléments d'interface utilisateur dans les outils de développement. En nous appuyant sur les fonctionnalités de la plate-forme, nous pouvons réduire considérablement la quantité de code d'interface utilisateur sur mesure que nous devons gérer et investir davantage dans le développement de fonctionnalités pour les outils de développement, au lieu de prendre en charge une infrastructure sur mesure.
Pour faciliter la transition, nous avons créé un guide sur la création d'éléments d'interface utilisateur dans les outils de développement, afin de le partager avec toute l'équipe responsable des outils de développement. Une partie de ce guide est conçue spécialement pour les outils de développement et leur architecture, qui apporte son propre ensemble de contraintes, mais certaines d'entre elles sont des consignes génériques sur les approches que nous avons utilisées pour créer, structurer et tester des composants Web.
Ce document est aujourd'hui accessible au public à l'adresse goo.gle/building-ui-devtools. Si vous vous êtes déjà demandé comment les composants Web sont utilisés dans des applications réelles de grande envergure, ou sur les défis que pose l'intégration de composants dans un codebase préexistant et volumineux, ce document peut vous aider et vous apporter quelques réponses. Si vous avez des questions concernant nos consignes, n'hésitez pas à nous envoyer un tweet.
Télécharger les canaux de prévisualisation
Nous vous conseillons d'utiliser Chrome Canary, Dev ou Beta comme navigateur de développement par défaut. Ces versions preview vous permettent d'accéder aux dernières fonctionnalités des outils de développement, de tester des API de pointe de plates-formes Web et de détecter les problèmes sur votre site avant qu'ils ne le fassent.
Contacter l'équipe des outils pour les développeurs Chrome
Utilisez les options suivantes pour discuter des nouvelles fonctionnalités et des modifications dans l'article, ou de toute autre question concernant les outils de développement.
- Envoyez-nous une suggestion ou des commentaires via crbug.com.
- Signalez un problème dans les outils de développement via Plus d'options
> Aide > Signaler un problème dans les outils de développement dans les Outils de développement. - Envoyez un tweet à @ChromeDevTools.
- Dites-nous en plus sur les nouveautés concernant les vidéos YouTube dans les outils de développement ou sur les vidéos YouTube de nos conseils relatifs aux outils de développement.