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 nos DevTools?", oferecendo ajuda direta com os próprios 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 é 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. O i no atalho está em letras minúsculas.

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 de Tamanho da transferência, fornecendo uma imagem mais clara do uso de dados na rede, um 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 Expressão regular (.*) para ativar. Por exemplo, digite padding|border para destacar todas as propriedades padding e border.

Problema do Chromium: 40706727

Melhorias nos carregamentos especulativos

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 (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).