Esta postagem faz parte de uma série de postagens do blog (em inglês) que descrevem as mudanças que estamos fazendo na arquitetura do DevTools e como ela é criada.
Quando o DevTools foi criado, muitos anos atrás, a equipe escolheu desenvolver um framework de IU personalizado. Essa era uma escolha razoável na época e serviu bem o DevTools.
Mas, desde então, vários recursos chegaram à plataforma, e um deles, o Web Components, é um ótimo recurso para a criação de novos elementos de IU no DevTools. Ao confiar no que a plataforma oferece, podemos reduzir bastante a quantidade de códigos de IU personalizados que temos para manter e investir mais na criação de recursos para o DevTools em vez de oferecer suporte à infraestrutura sob medida.
Para ajudar na transição, criamos um guia para a criação de elementos de IU no DevTools para compartilhar com a equipe geral do DevTools. Alguns dos guias são personalizados para o DevTools e a arquitetura dele, o que traz o próprio conjunto de restrições, mas alguns são diretrizes genéricas sobre as abordagens que usamos para criar, estruturar e testar os componentes da Web.
Hoje, estamos disponibilizando esse documento publicamente em goo.gle/building-ui-devtools. Se você já se perguntou mais sobre como os componentes da Web são usados em aplicativos grandes e reais, ou sobre alguns dos desafios que surgem com a integração de componentes em uma grande base de código pré-existente, este documento pode ajudar e fornecer algumas respostas. Se você tiver alguma dúvida sobre nossas diretrizes, envie um tweet.
Fazer o download dos canais de visualização
Use o Chrome Canary, Dev ou Beta como seu navegador de desenvolvimento padrão. Esses canais de pré-lançamento oferecem acesso aos recursos mais recentes do DevTools, testam as APIs modernas de plataformas da Web e encontram problemas no site antes dos usuários.
Entrar em contato com a equipe do Chrome DevTools
Use as opções a seguir para discutir os novos recursos e mudanças na publicação ou qualquer outra coisa relacionada ao DevTools.
- Envie uma sugestão ou feedback em crbug.com.
- Informe um problema do DevTools em Mais opções
> Ajuda > Informar problemas no DevTools. - Envie um tweet em @ChromeDevTools.
- Deixe comentários nos nossos vídeos do YouTube sobre a ferramenta DevTools ou nos vídeos do YouTube com dicas sobre o DevTools.