Novidades do DevTools (Chrome 148)

Publicado em: 5 de maio de 2026

O Chrome 148 torna a árvore de acessibilidade de página inteira o padrão, apresenta detalhes de procedência de anúncios em dicas, melhora a depuração para regras de especulação e adiciona novas visualizações de diagnóstico para relatórios de falhas.

DevTools para agentes

O servidor MCP e a CLI do Chrome DevTools foram atualizados para a versão 0.25.0, com vários recursos novos. Esta versão também inclui várias correções de confiabilidade, como o tratamento automático de caixas de diálogo do navegador para evitar interrupções de script durante a execução da ferramenta.

Os principais recursos adicionados desde a última atualização incluem:

  • Depuração de extensões do Chrome:agora os agentes podem segmentar e depurar extensões do Chrome, permitindo que eles inspecionem páginas específicas de extensões e scripts em segundo plano diretamente.
  • Chamada de ferramentas do WebMCP:novas ferramentas experimentais permitem que os agentes listem e executem ferramentas do WebMCP expostas por páginas da Web.
  • Navegação com agente no Lighthouse:uma nova categoria de auditoria "Navegação com agente" avalia se um site está otimizado para a Web com agente, por exemplo, validando registros de ferramentas do WebMCP.

Para começar a usar esses e outros recursos, confira o repositório do GitHub com notas de lançamento detalhadas.

Árvore de acessibilidade completa por padrão

O painel "Elementos" com a nova opção de acessibilidade na barra lateral.

A árvore de acessibilidade completa está oficialmente saindo da fase experimental e continua sendo a visualização padrão no painel "Elementos". Com essa transição, a árvore de acessibilidade legada no estilo breadcrumb foi removida da origem em favor dessa visualização mais abrangente.

Para simplificar a interface, o Chrome 148 remove o botão de ação flutuante usado anteriormente para alternar entre as árvores DOM e de acessibilidade. Agora é possível mudar de visualização usando um botão dedicado na guia "Acessibilidade" da barra lateral.

Problemas do Chromium: 40808541

Melhorias no carregamento especulativo

A seção Carregamentos especulativos ficou mais eficiente para depurar o pré-carregamento:

  • Filtragem de texto: agora é possível filtrar a lista de regras e tentativas usando texto livre ou filtros com chaves (por exemplo, url:, status:).
  • Códigos de status HTTP: para tentativas com falha, o código de status HTTP real (como 404 ou 503) agora é mostrado diretamente na grade.
  • Envios de formulário: agora o painel identifica e mostra explicitamente form_submission como um gatilho para pré-carregamento.

Problemas do Chromium: 479524246, 40926909

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

O painel "Application" (Aplicativo), com a nova barra de filtro de regras de especulação e o contexto do relatório de falha em destaque.

Contexto do relatório de erros

Uma nova seção Relatórios de falhas na barra lateral do painel Aplicativo permite inspecionar relatórios de falhas gerados pelo navegador. Para cada relatório, o DevTools agora mostra uma grade Contexto detalhada com atributos de chave-valor relacionados à falha. Isso facilita a correlação de falhas com estados ou configurações de frame específicos.

Problemas do Chromium: 400432195

Consultas @container somente com nome

O DevTools agora oferece suporte a consultas @container somente com nome. Antes, as consultas sem um descritor (como @container sidebar) talvez não fossem refletidas corretamente na guia Estilos. Agora eles são renderizados e vinculados corretamente na seção de propriedades de estilo.

Seções recolhidas que não contribuem

Para reduzir a confusão, a guia Estilos agora recolhe automaticamente as seções que não contribuem com declarações ativas. As regras vazias ou que contêm apenas propriedades sobrecarregadas (substituídas por outras regras) são recolhidas por padrão, enquanto as seções com propriedades desativadas permanecem abertas para facilitar a depuração.

Problemas do Chromium: 40287550, 351662727

Ordem de solicitação e limitação recomendada

  • Coluna "Solicitação nº": agora é possível adicionar uma coluna opcional Solicitação nº ao painel Rede. Essa coluna mostra a ordem absoluta em que as solicitações foram iniciadas e permite a classificação.
  • Limitação recomendada: o menu suspenso de limitação do painel Rede agora destaca predefinições recomendadas com base em dados de campo reais (CrUX) dos usuários do seu site, alinhando-o às recomendações já encontradas no painel Performance.

O painel "Rede" e "Condições de rede", com a nova coluna "Solicitação nº" e o controle recomendado destacados.

Problemas do Chromium: 40276422, 456383409

Origem do anúncio em elementos de adorno

O DevTools agora oferece mais transparência sobre por que os elementos são marcados como anúncios. Quando você passa o cursor sobre um adorno de anúncio no painel Elementos, uma nova dica mostra a origem do anúncio.

A dica fornece contexto sobre por que o elemento foi identificado como um anúncio, como:

  • Ancestralidade do script: quais scripts foram envolvidos na criação do elemento.
  • Regras da lista de filtros: a regra específica de uma lista de filtros (por exemplo, EasyList) que correspondeu ao elemento ou ao recurso carregado.

Isso ajuda os desenvolvedores e pesquisadores de privacidade a entender o motivo da inclusão de tags de anúncios e a depurar falsos positivos.

Problemas do Chromium: 490029725, 495842556

Destaques diversos

  • Emulação: foi corrigido um bug antigo em que fazer capturas de tela da página inteira ocasionalmente deixava a janela de visualização em um estado "vazado" ou corrompido (495385035).
  • WebAuthn: adicionamos suporte para testar extensões hmac-secret e hmac-secret-mc com autenticadores virtuais (420689820).
  • Memória: feedback aprimorado ao acionar manualmente a coleta de lixo com uma nova notificação snackbar (493708151).
  • Inspeção de objetos: removemos o experimento show-option-to-expose-internals-in-heap-snapshot. Agora, a caixa de seleção é mostrada por padrão (497855658).