Este post faz parte de uma série de posts no blog que descrevem as mudanças que estamos fazendo na arquitetura do DevTools e como ele é criado.
Quando o DevTools foi criado há muitos anos, a equipe escolheu criar um framework de IU personalizado. Essa foi uma escolha razoável na época e serviu bem aos DevTools.
Desde então, vários recursos foram lançados na plataforma, e um deles, os Web Components, é uma ótima opção para criar novos elementos de interface no DevTools. Ao usar o que a plataforma oferece, podemos reduzir muito a quantidade de código de interface personalizado que precisamos manter e investir mais na criação de recursos para as Ferramentas do desenvolvedor, em vez de oferecer suporte à infraestrutura personalizada.
Para ajudar na transição, criamos um guia para criar elementos de interface no DevTools e compartilhar com a equipe mais ampla do DevTools. Parte do guia é personalizada para o DevTools e a arquitetura dele, que traz um conjunto de restrições, mas parte dele são diretrizes genéricas sobre as abordagens usadas para criar, estruturar e testar os componentes da Web.
Hoje, estamos disponibilizando este documento publicamente em goo.gle/building-ui-devtools. Se você já se perguntou como os componentes da Web são usados em aplicativos grandes e reais ou alguns dos desafios que vêm com a integração de componentes em uma base de código grande e pré-existente, este documento pode ajudar e fornecer algumas respostas. Se você tiver dúvidas sobre nossas diretrizes, envie um tweet.
Fazer o download dos canais de visualização
Use o Chrome Canary, Dev ou Beta como navegador de desenvolvimento padrão. Esses canais de visualização dão acesso aos recursos mais recentes do DevTools, permitem testar APIs de plataforma da Web de última geração e ajudam a encontrar problemas no seu site antes dos usuários.
Entre em contato com a equipe do Chrome DevTools
Use as opções a seguir para discutir os novos recursos, atualizações ou qualquer outra coisa relacionada ao DevTools.
- Envie feedback e solicitações de recursos para crbug.com.
- Informe um problema do DevTools usando o Mais opções > Ajuda > Informar um problema do DevTools no DevTools.
- Envie um tweet para @ChromeDevTools.
- Deixe comentários nos vídeos Novidades do DevTools no YouTube ou Dicas do DevTools no YouTube.