Novidades do DevTools (Chrome 147)

Matthias Rohmer

Publicado em: 7 de abril de 2026

O Chrome 147 apresenta a seleção automática de contexto para assistência de IA, faz upgrade das sugestões de código para conclusão completa de código, moderniza a barra de ferramentas do modo dispositivo, traz a decodificação automática de corpos de rede compactados e vários outros aprimoramentos.

Seleção automática de contexto na assistência de IA

A tela inicial atualizada do painel da Assistência de IA.

Um dos recursos mais pedidos para a assistência de IA foi a capacidade de fazer perguntas mais abertas. Um novo agente de seleção de contexto permite fazer perguntas sem um contexto selecionado, por exemplo:

  • "Quais são as solicitações de rede mais lentas nesta página?" Antes, isso não era possível porque era necessário selecionar uma solicitação de rede específica.
  • "Quais problemas de performance existem na página?" Agora, o DevTools vai gravar automaticamente um rastreamento com as configurações selecionadas para responder a isso.
  • "Como uso o painel de animação?" ou "Onde fica a configuração de alto contraste no DevTools?", oferecendo ajuda direta com o próprio DevTools.

Como parte dessa mudança, a assistência de IA agora também pode mudar de contexto automaticamente. Ele vai atualizar o contexto de forma inteligente com base nas suas ações quando o chat estiver vazio, respeitando suas seleções manuais depois que uma conversa for iniciada.

DevTools para agentes

O servidor MCP e a CLI do Chrome DevTools foram atualizados para a versão 0.21.0, trazendo melhorias significativas para fluxos de trabalho multiagente, novos recursos de auditoria pelo Lighthouse e um conjunto aprimorado de habilidades.

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

  • 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.
  • Habilidade de detecção de vazamento de memória: adicionamos uma nova habilidade para detectar vazamentos de memória usando a ferramenta take_memory_snapshot.
  • Melhorias na habilidade de acessibilidade:a habilidade de depuração de acessibilidade foi refinada para aproveitar melhor o Lighthouse e fornecer uma saída mais robusta.
  • Habilidades gerais de uso:habilidades dedicadas para usar o servidor MCP do Chrome DevTools ou a CLI e solucionar problemas de instalações ajudam seu agente a aproveitar ao máximo o DevTools para agentes.
  • Suporte a fluxos de trabalho multiagente:a introdução do roteamento pageId permite que vários agentes segmentem e interajam com páginas específicas do navegador em paralelo.

Para começar a usar esses recursos, confira o repositório do GitHub com notas detalhadas da versão.

Geração de códigos

No Chrome 142, apresentamos sugestões de código do Gemini nos painéis "Console" e "Fontes". Com o Chrome 147, esse recurso será atualizado para a geração completa de código.

Para gerar código, digite um comentário em linguagem natural descrevendo a lógica necessária (por exemplo, // Loop to check all img elements for valid alt attributes) e pressione Cmd+I (Mac) ou Ctrl+I (Windows/Linux) para iniciar a geração.

Barra de ferramentas do Modo dispositivo atualizada

A barra de ferramentas do Modo dispositivo foi modernizada para oferecer uma experiência mais consistente e simplificada:

  • Controles padronizados: a seleção de dispositivos, os níveis de zoom e a proporção de pixels do dispositivo (DPR, na sigla em inglês) agora usam componentes padrão da interface do DevTools, melhorando a usabilidade.
  • Zoom simplificado: o menu de zoom agora está mais limpo, com a opção "Ajustar à janela" integrada diretamente à lista de porcentagens. O "Ajuste automático de zoom" foi movido para um botão dedicado na barra de ferramentas.
  • Suporte ao bloqueio de orientação: o DevTools agora processa a API screen.orientation.lock() na emulação de dispositivo. Quando uma página bloqueia a orientação, o dispositivo emulado gira automaticamente para corresponder à orientação bloqueada, e o botão de rotação manual é desativado enquanto o bloqueio está ativo.

Problemas do Chromium: 40807290

Corpos compactados decodificados

Diagnosticar problemas com recursos compactados ficou muito mais fácil. Antes, se uma solicitação HTTP usasse Content-Encoding: gzip ou deflate, a visualização Payload no painel Rede mostraria dados binários ilegíveis em vez do conteúdo decodificado.

No Chrome 147, o DevTools decodifica automaticamente esses corpos compactados, mostrando o conteúdo legível diretamente em Payload.

Além disso, a lista de solicitações agora inclui informações sobre o Tamanho da transferência, fornecendo uma imagem mais clara do uso de dados pela rede. Esse detalhe também é usado pelo assistente de IA para selecionar melhor as solicitações.

Problemas do Chromium: 356158096

Filtros de expressão regular para estilos

O novo filtro de expressão regular no painel "Estilos".

Agora é possível usar expressões regulares nas barras de filtro dos painéis Estilos, Calculado e Propriedades. Clique no novo botão de alternância de expressão regular (.*) para ativar. Por exemplo, digite padding|border para destacar todas as propriedades padding e border.

Problema do Chromium: 40706727

Melhorias no carregamento especulativo

A depuração da pré-carga é mais robusta com novos recursos no painel Application > Speculative loads:

  • Filtragem de texto: agora é possível filtrar a lista de regras e tentativas usando texto livre ou filtros com chaves (por exemplo, url:, action:, status:), com suporte à lógica AND entre vários termos.
  • Botão "Limpar": um novo botão permite redefinir o modelo de pré-carregamento e limpar as regras e tentativas exibidas.
  • Códigos de status HTTP: para pré-buscas com falha, o DevTools agora mostra o código de status HTTP real (por exemplo, 404) na coluna de status e no painel de detalhes, em vez de uma mensagem de falha genérica.

Problemas do Chromium: 479524246, 40926909

Diversos

Confira algumas correções e recursos importantes desta versão:

  • Console: quando todos os frames de pilha inline de um erro são adicionados à lista de ignorados, mas a pilha de chamadas contém frames não ignorados, um botão de alternância aparece para ajudar você a se concentrar no código acionável e ocultar rastreamentos de biblioteca ruidosos (379788109).
  • Performance: o estado da barra lateral (aberta/fechada) agora é mantido. Se você fechar a barra lateral, ela vai permanecer fechada nas gravações subsequentes (437340219).
  • Configurações: agora o DevTools pode pedir que você reinicie o navegador usando uma barra de informações ao ativar ou desativar determinadas configurações experimentais.
  • Inspeção de objetos: uma nova opção "Mostrar tudo" no menu de contexto das visualizações de objetos permite alternar a visibilidade de propriedades nulas (null ou undefined) (41187256).
  • Elementos: o ornamento "anúncio" não está mais restrito a iframes e agora pode ser mostrado para elementos arbitrários marcados como relacionados a anúncios pelo back-end (485493202).
  • Nós de instrução: agora é possível ver e editar nós de instrução de processamento (como <?xml-stylesheet ... ?>) na árvore do DOM. (484891675)

Acessibilidade

Esta versão traz vários refinamentos de acessibilidade:

  • Performance: o botão de ajuda do título nos cards de métricas de performance agora está sempre visível e acessível por teclado, em vez de aparecer apenas ao passar o cursor (487613506).
  • Fontes: agora é possível marcar ou desmarcar pontos de interrupção do listener de eventos usando a tecla "Espaço" (478890182).
  • Configurações: as teclas "Home" e "End" agora funcionam para navegar até o primeiro e o último item da lista de atalhos (481747256).
  • Lighthouse: melhoramos os anúncios do leitor de tela para caixas de seleção de grupos de categorias (477643909).