Novidades do DevTools: outubro de 2026

Matthias Rohmer

Publicado em: 1º de outubro de 2026

O Chrome 153 e o Chrome 154 foram lançados para a versão estável no mês passado, trazendo uma série de melhorias para desenvolvedores prontas para seu fluxo de trabalho diário. Esta edição destaca controles refinados de execução de JavaScript nas DevTools para agentes, rastreamento de scripts de anúncios no painel "Aplicativo", suporte completo à navegação suave e substituições de nível de desempenho da CPU em "Desempenho", suporte a estilos inativos e adornos acessíveis por teclado em "Elementos", inspeção de origem e gravação de rastreamento de desempenho na Assistência de IA no Chrome DevTools e predefinições de dispositivos modernizadas no Modo dispositivo.

DevTools para agentes

O servidor MCP do Chrome DevTools apresenta novos controles de segurança, ajuste de desempenho e recursos de análise de memória para agentes de programação:

• Pacote Agent Plugins 1.0: adicionamos suporte ao pacote Agent Plugins 1.0, permitindo que os agentes carreguem e executem extensões de plug-in modulares.
• Controles de execução de JavaScript: configure --no-javascript-evaluation ou desative as ferramentas de execução de JavaScript para inspecionar páginas sem avaliar scripts, estendendo-se por navegações e scripts de inicialização.
• Mapas de origem sob demanda: adicionamos uma opção para desativar mapas de origem e carregar mapas de origem sob demanda de forma lenta, evitando o uso da memória excessivo em sites grandes.
• Raízes do sistema de arquivos configuráveis e permissões de caminho da CLI: a CLI agora inclui --allow-unrestricted-paths por padrão e oferece suporte a raízes do sistema de arquivos configuráveis.
• Inspeção de instantâneo de alocação heap: consulte objetos diretamente por tamanho retido ou nome da propriedade com query_heapsnapshot, veja tamanhos próprios e retidos para arestas e inspecione a memória retida por contextos de execução do V8.
• Ferramentas de automação de PWA: adicionamos ferramentas dedicadas para automatizar a instalação e as verificações de ciclo de vida de Progressive Web Apps.
• Stack traces do console: recupere stack traces opcionais ao listar mensagens do console com list_console_messages.

Saiba mais no repositório chrome-devtools-mcp.

Aplicativo: rastreamento de script de anúncio na seção "Anúncios" e edição de flags de cookie

Após a introdução de quatro métricas de anúncios experimentais para o Chrome User Experience Report (CrUX), esse novo subpainel é um local centralizado para depurar e otimizar informações relacionadas a anúncios em toda a página. Isso inclui:

• Um painel para as novas métricas experimentais: densidade de anúncios na janela de visualização, contagem de anúncios na janela de visualização, uso total da CPU por anúncios e uso total da rede por anúncios.
• Segmentação do uso de CPU e rede por elementos de anúncios
• Uma tabela de scripts de anúncios no frame principal.
• Uma chave que destaca os anúncios na página.

Saiba mais sobre as novas métricas de anúncio na nossa documentação.

Problemas do Chromium: 514957134, 512927903, 540469610

Performance: suporte completo à navegação suave, substituições do nível de desempenho da CPU e pesquisa de rastreamento de extensão

O painel Performance oferece medição de navegação suave de ponta a ponta, substituições de calibragem de hardware e pesquisa de rastreamento mais detalhada:

• Suporte completo à navegação suave: após a introdução do suporte à navegação suave nas métricas em tempo real e nas visualizações de rastreamento no Chrome 152, a análise de navegação suave agora está disponível em Insights, concluindo o suporte completo de ponta a ponta para medir navegações suaves no painel Performance.
• Substituição do nível de desempenho da CPU no CDP: agora o DevTools oferece suporte à configuração, ao cálculo e ao envio de substituições calibradas do nível de desempenho da CPU no Chrome DevTools Protocol (Emulation.setCPUPerformanceOverride), permitindo testes de desempenho reproduzíveis em todos os níveis de hardware.
• Pesquisa de rastreamento de extensão no Flame Chart: ao pressionar Ctrl+F no Flame Chart do painel Performance, as entradas em rastreamentos personalizados registrados usando a API Extensibility são correspondentes. Além disso, é possível pesquisar o texto da dica, as propriedades e os detalhes do usuário.
• Visualização de linhas de execução do perfil de CPU: o gráfico de chamas do painel Performance agora renderiza linhas de execução que contêm apenas amostras de perfil de CPU, garantindo que execuções em segundo plano, como linhas de execução do WebAssembly, apareçam nas visualizações da linha do tempo.

Problemas do Chromium: 449760252, 483092899, 540020488

Elementos: estilos inativos, adornos acessíveis por teclado e correções de estrutura de árvore

A inspeção e a criação de CSS são mais rápidas e acessíveis no painel Elementos:

• Suporte a estilos inativos: agora o DevTools pode continuar mostrando regras de estilo que antes correspondiam ao elemento selecionado quando não se aplicam mais, distinguindo-as claramente com um indicador visual inativo. Ative os estilos inativos e configure o comportamento de recolhimento deles em Configurações.
• Adornos acessíveis por teclado: adornos interativos na árvore DOM, incluindo Ver fonte, Estilo inicial, Ajuste de rolagem e Revelar, agora podem ser focados com o teclado e ativados usando Enter ou Space.
• Reordenação por arrastar e soltar: a reordenação de nós do DOM arrastando elementos na árvore do DOM agora funciona de maneira confiável em limites do shadow DOM, com indicadores claros de posicionamento de soltar.
• Alternância mais suave de propriedades CSS: alternar as caixas de seleção de propriedades CSS na guia Estilos não aciona mais repinturas duplicadas da interface ou flashes visuais.

Problemas do Chromium: 539424116, 554057179, 555088527, 548477554

Modo dispositivo: predefinições de dispositivo modernizadas agrupadas por formato

A barra de ferramentas Modo dispositivo e a visualização Configurações > Dispositivos organizam o hardware emulado em categorias claras:

• Agrupamento por formato: agora os dispositivos emulados são agrupados em Dispositivos móveis, Dobráveis, Tablets e computadores e Smart displays.
• Catálogo de hardware atualizado: adicionamos predefinições modernas, incluindo iPhone 16, Pixel 9, Pixel 10, Galaxy Z Fold 6, iPad Pro 13" e Nest Hub Max, e removemos definições de dispositivos legados desatualizadas.

Problemas do Chromium: 526856234, 526857820

Rede: editar e reenviar como busca no console e substituições locais de segurança

Os fluxos de trabalho de inspeção e depuração de solicitações de rede foram simplificados e protegidos:

• Editar e reenviar como busca no console: ao selecionar Editar e reenviar como busca em qualquer solicitação de rede, o painel Console é aberto automaticamente com a expressão fetch() já colada no comando, além de comentários de parâmetros e um link de referência à solicitação original.
• Reforço da proteção de substituições locais: agora, o painel Network impede a travessia de caminhos (%2E%2E) em substituições locais e proíbe a criação de substituições em esquemas não HTTP(S), como data:, blob:, javascript: e about:.
• Escape de acento circunflexo em "Copiar como cURL (cmd)": ao copiar solicitações de rede como comandos cURL para Windows cmd.exe, agora os parênteses e crases são escapados com acento circunflexo, evitando erros de sintaxe de comando quando colados em shells alternativos.
• Sincronização de cursor de payload binário: a guia Payload mantém sua posição de rolagem e cursor ao alternar entre as visualizações Hex, Base64 e UTF-8.

Problemas do Chromium: 40726969, 513843792, 513836026, 407750982

Memória: filtragem de borda de instantâneo de alocação heap, classificação por tamanho e consulta de objetos

O painel Memória oferece ferramentas mais detalhadas para analisar snapshots de heap:

• Classificação e filtragem de bordas: agora é possível filtrar bordas em snapshots de heap por um tamanho mínimo retido e remover valores primitivos (null, undefined, true, false) para se concentrar em referências de objetos significativas. As arestas podem ser classificadas por tamanho retido, tamanho próprio ou nome.
• Consultas diretas de objetos: o DevTools permite consultar objetos de instantâneo de alocação heap diretamente por limite de tamanho retido ou nome da propriedade, simplificando as investigações de vazamento de memória.
• Análise de retenção de contexto: os snapshots de heap podem calcular e informar a memória agregada mantida ativa especificamente pelos contextos de execução do V8.
• Análise resiliente de instantâneos de alocação heap: arquivos de instantâneo de alocação heap inválidos ou corrompidos agora mostram erros claros em vez de causar travamentos na análise.

Problemas do Chromium: 497855658

Melhorias na acessibilidade

O Chrome 153 e o Chrome 154 incluem as seguintes melhorias de acessibilidade:

• Elementos: o VoiceOver no macOS agora anuncia "expandido" e "contraído" mudanças de estado por uma região ativa educada ao navegar pelos itens da árvore do DOM. (Problema do Chromium: 540028208)
• Problemas: resolvemos anúncios duplicados de leitores de tela no contador Problemas, lendo um único resumo limpo e aplicando a semântica correta de não botão no painel Problemas. (Problema do Chromium: 536977880)
• Elementos: os adornos interativos (Ver origem, Estilo inicial, Ajuste de rolagem e Revelar) podem ser totalmente focados e ativados usando o teclado. (Problema do Chromium: 554057179)
• Regiões dinâmicas: adicionamos o AccessibilityAnnouncementRecordingView para gravar e depurar anúncios dinâmicos e chamadas ariaNotify. (Problema do Chromium: 527462118)

Problemas do Chromium: 540028208, 536977880, 554057179, 527462118