Novidades do DevTools (Chrome 146)

Publicado em: 10 de março de 2026

O Chrome 146 traz suporte aprimorado para folhas de estilo adotadas no painel "Elementos", melhora significativamente a navegação no histórico do Console e simplifica o fluxo de trabalho de depuração de privacidade, além de várias outras pequenas correções e atualizações.

Atualizações do servidor MCP do DevTools

O servidor MCP do DevTools agora está na versão 0.19.0, trazendo novas ferramentas poderosas, melhorias de eficiência e habilidades especializadas de depuração:

  • Auditorias integradas do Lighthouse:agora é possível executar auditorias do Lighthouse diretamente na MCP, permitindo verificações automatizadas de desempenho e qualidade nos seus fluxos de trabalho de agente.
  • Modo compacto:um novo modo --slim está disponível, criado para otimizar descrições e parâmetros de ferramentas para economizar o máximo de tokens.
  • Novas habilidades de depuração:adicionamos habilidades dedicadas especificamente para auditar e depurar a acessibilidade, além de depurar e otimizar a maior renderização de conteúdo (LCP, na sigla em inglês).
  • Ferramentas e recursos expandidos:agora o servidor oferece suporte a contextos de navegador isolados por armazenamento, gravação experimental de screencast, uma nova ferramenta take_memory_snapshot e recursos avançados de interação, como type_text.

Consulte o changelog público no GitHub para conferir a lista completa de mudanças.

Preservar edições do histórico do console

Um ponto de atrito antigo no Console foi resolvido. Antes, se você estivesse editando um comando extraído do histórico e saísse da página (pressionando para cima ou para baixo), suas edições seriam perdidas.

No Chrome 146, o DevTools agora preserva suas edições enquanto você navega pelo histórico de comandos. Você pode começar a modificar um comando anterior, procurar outro e voltar ao rascunho sem perder o trabalho.

Esta foi uma contribuição da comunidade. Agradecemos a @hjanuschka!

Problema do Chromium: 355108929

Suporte aprimorado para folhas de estilo adotadas

Agora ficou muito mais fácil depurar componentes da Web e arquiteturas CSS modernas. As folhas de estilo adotadas não ficam mais ocultas. Agora elas são agrupadas em um nó #adopted-style-sheets dedicado na árvore DOM do painel Elementos.

É possível inspecionar essas folhas da mesma forma que as tags <style> padrão e até mesmo editar as regras diretamente no painel Estilos. Isso traz paridade entre folhas de estilo construídas e estilos declarativos, simplificando a depuração de Shadow DOM, componentes da Web e sistemas de design compartilhados.

Folhas de estilo adotadas no painel &quot;Elementos&quot; com edição in-line.

Problemas do Chromium: 476399197, 40802935

Compatibilidade com layout de grade densa

O Editor de grade no painel "Estilos" agora é compatível com o algoritmo de empacotamento dense. Ao editar grid-auto-flow, você vai encontrar uma nova caixa de seleção para a palavra-chave dense. Assim, é possível alternar rapidamente entre os modos de agrupamento padrão e denso diretamente na interface.

A nova caixa de seleção &quot;Denso&quot; no editor de grade.

Esta foi uma contribuição da comunidade, graças a @TheNourhan!

Problema do Chromium: 40791512

Depuração de privacidade simplificada

O antigo painel Privacidade e segurança foi renomeado como Segurança e organizado para reduzir a confusão na interface e consolidar os fluxos de trabalho de depuração. Todas as informações relacionadas à privacidade, como problemas de cookies de terceiros e verificação de possíveis falhas, agora são informadas diretamente no Console.

Com essa mudança, não é mais necessário alternar entre painéis para diagnosticar problemas de privacidade. Eles aparecem ao lado dos outros registros e erros, fornecendo contexto imediato.

Problema do Chromium: 473796598

Destaques diversos

  • Fontes:uma grande revisão da arquitetura de stack trace resolve problemas em que mapas de origem de carregamento tardio faziam a interface pular ou trocar arquivos inesperadamente.
  • Rede:o popover do iniciador agora usa o sistema de stack trace aprimorado para cadeias de solicitação mais confiáveis.

Avisos de acessibilidade

Esta versão traz as seguintes melhorias de acessibilidade:

  • Gravador:os leitores de tela agora anunciam quando a barra lateral "Mostrar código" é ativada.
  • Aplicativo:os novos títulos de relatórios "Armazenamento compartilhado", "Cache de avanço e retorno" e "Mitigação de rastreamento de rejeição" agora são anunciados corretamente como cabeçalhos.
  • Configurações:a compatibilidade com o modo de alto contraste foi aprimorada para itens de atalho e botões de cor.
  • Geral:melhoria na visibilidade do foco para vários elementos da interface, incluindo o painel de visão geral do CSS e entradas do player de mídia.

Problemas do Chromium: 479882111, 478888141, 479250362