Cet article fait partie d'une série de posts de blog décrivant les modifications que nous apportons à l'architecture de DevTools et à sa création.
Lorsque DevTools a été créé il y a de nombreuses années, l'équipe a choisi de créer un framework d'UI personnalisé. C'était un choix raisonnable à l'époque et il a bien servi DevTools.
Depuis, diverses fonctionnalités ont été ajoutées à la plate-forme, dont les composants Web, qui sont particulièrement adaptés à la création d'éléments d'interface utilisateur dans DevTools. En nous appuyant sur ce que la plate-forme fournit, nous pouvons réduire considérablement la quantité de code d'interface utilisateur personnalisé que nous devons gérer et investir davantage dans la création de fonctionnalités pour DevTools, plutôt que de prendre en charge une infrastructure personnalisée.
Pour faciliter la transition, nous avons créé un guide de création d'éléments d'interface utilisateur dans DevTools à partager avec l'ensemble de l'équipe DevTools. Certaines parties du guide sont spécifiques à DevTools et à son architecture, qui comportent leurs propres contraintes, tandis que d'autres sont des consignes génériques sur les approches que nous avons utilisées pour créer, structurer et tester les composants Web.
Aujourd'hui, nous rendons ce document accessible au public sur goo.gle/building-ui-devtools. Si vous vous êtes déjà demandé comment les composants Web sont utilisés dans de grandes applications réelles, ou certains des défis liés à l'intégration de composants dans un grand codebase préexistant, ce document peut vous aider et vous fournir des réponses. Si vous avez des questions concernant nos consignes, n'hésitez pas à m'envoyer un tweet.
Télécharger les canaux de prévisualisation
Envisagez d'utiliser Chrome Canary, Dev ou Bêta comme navigateur de développement par défaut. Ces canaux de prévisualisation vous donnent accès aux dernières fonctionnalités de DevTools, vous permettent de tester les API de plate-forme Web de pointe et vous aident à détecter les problèmes sur votre site avant vos utilisateurs.
Contacter l'équipe des outils pour les développeurs Chrome
Utilisez les options suivantes pour discuter des nouvelles fonctionnalités, des mises à jour ou de tout autre élément lié aux outils pour les développeurs.
- Envoyez-nous vos commentaires et vos demandes de fonctionnalités sur crbug.com.
- Signalez un problème dans les outils de développement à l'aide de l'icône Plus d'options > Aide > Signaler un problème dans les outils de développement dans les outils de développement.
- Envoyez un tweet à @ChromeDevTools.
- Laissez des commentaires sur les vidéos YouTube sur les nouveautés des outils pour les développeurs ou sur les vidéos YouTube sur les conseils concernant les outils pour les développeurs.