Novidades do DevTools (Chrome 151)

Matthias Rohmer

Publicado em: 28 de julho de 2026

O Chrome 151 apresenta mais widgets para o tutorial do agente na assistência de IA, detalhamentos da especificidade do CSS na guia "Estilos", suporte ao pseudoelemento ::interest-button e atualizações importantes no servidor MCP do DevTools.

DevTools para agentes

Nas versões recentes até a v1.6.0, o Chrome DevTools para agentes expandiu significativamente os recursos de depuração para agentes de programação como Antigravity, Claude, Codex e muito mais.

As atualizações nas versões v1.4.0 a v1.6.0 incluem:

• Melhor depuração de memória:a nova ferramenta get_heapsnapshot_duplicate_strings detecta o desperdício de memória causado por alocações de strings redundantes em heaps JavaScript. get_heapsnapshot_details retorna contagens totais de objetos e agregados de tamanho de memória, agregados de instantâneos de alocação heap filtráveis, caminhos de retenção de raiz de GC e permite a comparação de diferenças de memória entre instantâneos.
• Codificação de formato GCF (experimentalGcfFormat): adicionamos suporte para respostas de ferramentas codificadas em GCF para otimizar a largura de banda e a eficiência de análise para clientes compatíveis.
• Roteamento de página multiagente simultâneo e contextos isolados:o --experimentalPageIdRouting permite que subagentes paralelos operem em diferentes guias do navegador simultaneamente usando o roteamento pageId explícito. O modo --isolated e os parâmetros isolatedContext criam perfis e armazenamento temporários do Chrome por sessão.

Para saber mais e começar, acesse o repositório do GitHub de DevTools para agentes.

Assistência de IA

Imagem/screencast: o painel de assistência de IA mostrando o novo widget inline de faixa de rede e o tutorial interativo com suporte a tabelas GFM.

O painel Assistência de IA continua evoluindo, oferecendo mais detalhes nos Tutoriais do agente com um widget especializado Rastreamento de rede (renderizando a atividade de rede de performance inline com navegação de um clique para ampliar o período no painel Performance) e um widget Lista de solicitações de rede (mostrando parâmetros de solicitação estruturados em tabelas interativas).

Além disso, as mensagens de resposta agora oferecem suporte total à renderização de tabelas do GitHub Flavored Markdown (GFM) para resumos de dados tabulares formatados.

Detalhes da especificidade do CSS e compatibilidade com ::interest-button

O painel Elementos oferece ferramentas de inspeção e criação de CSS mais detalhadas para APIs modernas da plataforma Web:

• Detalhes da especificidade do CSS:ao passar o cursor sobre os nomes dos seletores na guia Estilos, uma dica detalhada mostra como cada classe, ID, elemento ou pseudoclasse contribui para o cálculo da especificidade (a, b, c). Esta foi uma contribuição da comunidade. Agradecemos a @hjanuschka!
• Pseudoelemento ::interest-button:agora o DevTools analisa e apresenta totalmente o novo pseudoelemento ::interest-button do CSS (parte da especificação interesttarget do HTML) no contorno da árvore de elementos e na guia "Estilos".
• Vinculação de destino assíncrona para atributos de relação HTML:atributos HTML como popovertarget, interesttarget e commandfor agora buscam e vinculam visualmente os nós DOM de destino de forma assíncrona.
• Renderização lenta para folhas de estilo grandes:agora a guia "Estilos" usa a decoração de propriedade lenta quando um elemento excede 200 propriedades CSS, reduzindo os tempos de bloqueio de renderização de vários segundos para milissegundos.

Problemas do Chromium: 353436867, 453705247, 524406293, 457696384, 524131115

Depuração de memória: atribuição de contexto nativo e retenção de fechamento

Agora, o diagnóstico de vazamentos de memória complexos em JavaScript em aplicativos da Web de vários frames ou contextos está muito mais claro no painel Memória:

• Atribuição de contexto nativo do V8:os snapshots de heap agora executam um algoritmo de atribuição de duas fases. A inferência de ponteiro estático resolve mapas native_context, enquanto a acessibilidade do gráfico rastreia os objetos restantes. Os objetos acessíveis de um único contexto nativo são atribuídos diretamente a ele, enquanto os acessíveis de vários contextos são categorizados em um bucket de contexto compartilhado.
• Filtro"Retido por contexto":um novo filtro de interface na perspectiva de instantâneo de heap permite isolar objetos retidos exclusivamente por objetos de contexto de fechamento do JavaScript.
• Ordem de exibição de propriedades configurável:uma nova opção de alternância no menu de contexto, Ordenar propriedades em ordem alfabética (ativada por padrão), permite alternar entre a ordenação alfabética e a ordem original de inserção de propriedades JS ao inspecionar propriedades de objetos de heap.

Problemas do Chromium: 497855658, 423838364, 40833016

APIs de extensão com promessas e reforço da proteção

As APIs de extensão do DevTools foram atualizadas com padrões assíncronos modernos e controles de segurança mais rígidos:

• Suporte nativo a promessas:os métodos assíncronos em chrome.devtools.network (getHAR(), Request.getContent()), chrome.devtools.panels e chrome.devtools.inspectedWindow (eval(), getResources(), Resource.getContent(), Resource.setContent()) agora retornam objetos Promise padrão do JavaScript quando chamados sem um parâmetro de callback.
• Limites de segurança da extensão:agora, as extensões do DevTools estão restritas de buscar recursos HAR de URLs de destino bloqueados, precisam atender às permissões extensionsOnChromeUrls para avaliações entre extensões em inspectedWindow.eval e aplicam verificações allowFileAccess em recursos file://.

Outros destaques e correções

Uma coleção de pequenas melhorias e correções de bugs nesta versão:

• Performance: adicionamos marcadores de linha do tempo FCP suave (First Contentful Paint) junto com marcadores de LCP suave e navegação suave, com cabeçalhos atualizados do painel de detalhes.
• Performance: foram adicionadas proteções para ignorar as verificações de pressão de computação durante a calibragem de limitação de CPU em dispositivos Android sem suporte a PressureObserver.
• Rede: atualizamos a opção Copiar como cURL para adicionar o prefixo --url aos URLs de destino e evitar a interpretação incorreta da flag de linha de comando para URLs com prefixo de traço.
• Fontes: ativamos a resolução do escopo do mapa de origem por padrão, melhorando a resolução do escopo da variável e a desminificação de símbolos durante a depuração.
• Configurações: atualizamos as predefinições de dispositivos emulados para modelos mais recentes de iPhone e Pixel com encartes de área segura verificados e preenchemos previamente os campos de User-Agent de dispositivos personalizados com navigator.userAgent. (Problemas do Chromium: 40718410, 518215252)
• Configurações: atualizamos o menu suspenso da configuração Tratamento de links para mostrar títulos de extensão fáceis de usar em vez de URLs de origem de extensão brutos.
• Lighthouse: o módulo agrupado do Lighthouse foi atualizado para a versão 13.4.0. (Problema do Chromium: 40543651)

Melhorias na acessibilidade

O Chrome 151 traz as seguintes melhorias de acessibilidade:

• Elementos: visibilidade restaurada dos ícones da barra de ferramentas ativados (como o botão Retomar de execução de script) no modo de alto contraste do Windows / @media (forced-colors: active) removendo substituições conflitantes de background-color. (Problema do Chromium: 519762185)
• Console: adicionamos dicas de ferramentas acessíveis em texto completo title para valores de string de expressão dinâmica truncados em fixações do console.