Publicado em 2 de junho de 2026
O Chrome 149 traz grandes upgrades para a assistência de IA, apresenta ferramentas experimentais de depuração do WebMCP no painel "Application" e expande o suporte de conclusão de código para CSS.
DevTools para agentes
O servidor MCP e a CLI do Chrome DevTools para agentes agora estão oficialmente estáveis. Leia o anúncio completo aqui.
Os principais recursos e novas ferramentas adicionados até a versão 1.1.1 incluem:
- Ferramentas personalizadas de terceiros expostas à página:agora as páginas podem definir ferramentas de depuração personalizadas usando JavaScript, detectáveis e chamáveis pelo DevTools para agentes.
- Depuração do WebMCP:o DevTools para agentes agora pode listar e executar ferramentas do WebMCP.
- Emulação de cabeçalhos HTTP personalizados:adiciona suporte para cabeçalhos HTTP (como tokens de autenticação ou user agents personalizados) à ferramenta de emulação.
As ferramentas de terceiros e a depuração do WebMCP ainda estão em fase experimental e ainda não estão ativadas por padrão. Consulte a referência da ferramenta para informações sobre as ferramentas do WebMCP e saiba mais sobre ferramentas de terceiros na nossa documentação.
Para conferir as atualizações mais recentes sobre o DevTools para agentes e contribuir, acesse o repositório do GitHub. Comece com nossa documentação ou fique por dentro da sessão de vídeo abrangente do Google I/O Supercharge your AI coding workflow with Chrome DevTools for agents (link em inglês).
Assistência de IA
O painel AI assistance recebeu uma atualização significativa da interface do usuário e novas ferramentas para melhorar a experiência de conversa e fornecer insights mais detalhados da página:
- Tutorial do agente:a assistência de IA agora renderiza widgets diretamente na interface de chat em vez de Markdown de texto simples. Esses widgets abrangem as Core Web Vitals e insights relacionados, elementos LCP, detalhamento de LCP, atividade de linha de execução de baixo para cima e muito mais. Um link Reveal dentro do widget leva você à origem dessas informações no DevTools.
- Copiar para o agente de programação: agora as conversas terminam com um botão dedicado para copiar a conversa, resumida como um comando ou a conversa literal , para que você possa colá-la no agente de programação de sua escolha.
- Recursos atualizados: a assistência de IA agora tem acesso ao Lighthouse e insights relacionados, permitindo que ela analise sua página de forma holística e ofereça conselhos direcionados.
- Respostas aprimoradas: usando o Gemini 3 e preâmbulos refinados , a assistência de IA oferece respostas mais concisas e práticas.
- Navegação aprimorada:agora você pode navegar pelos comandos de chat anteriores usando as teclas Seta para cima e Seta para baixo, tornando rápido e intuitivo refinar ou executar novamente consultas anteriores.
Para favorecer a opção "Copy to coding agent", vamos descontinuar o suporte para correções de estilo automatizadas pela assistência de IA, com o Chrome 152. Compartilhe sua opinião sobre esse plano no bug de feedback dedicado
WebMCP
Esta versão apresenta ferramentas experimentais de depuração do WebMCP na barra lateral do painel Application. O WebMCP (Protocolo de contexto de modelo da Web) permite que as páginas da Web registrem ferramentas a serem usadas por agentes LLM visitantes. Saiba mais sobre o padrão proposto na nossa documentação.
As novas ferramentas de depuração permitem que os desenvolvedores:
- Inspecionem ferramentas do lado do cliente e os esquemas delas.
- Executem manualmente a execução de ferramentas com parâmetros personalizados.
- Acompanhem e filtrem eventos de invocação de ferramentas ativos ou pendentes.
- Monitorem o status de execução e inspecionem payloads de retorno.
O WebMCP é um padrão da Web proposto em pré-lançamento. Ative as flags #devtools-webmcp-support e #enable-webmcp-testing em chrome://flags para começar a experimentar.
Problemas do Chromium: 494516094
Conclusão de código para CSS
A guia Styles agora oferece conclusão de código para CSS com o Gemini, com base no suporte para os painéis "Console" e "Sources". Ative as sugestões de código em Settings > AI innovations > Code suggestions.
Isso ajuda você a usar combinações mais complexas de propriedades CSS, como gradientes ou sombras de caixa, sem precisar lembrar a sintaxe exata. Ou para criar rapidamente layouts de grade e flexíveis, dependendo de várias propriedades relacionadas.
A barra de ferramentas na parte de baixo da guia Styles mostra o status por meio de um ícone de carregamento. As sugestões são atualizadas ou limpas à medida que você digita, garantindo que o texto gerado por IA permaneça relevante para suas edições manuais.
Diretrizes de contraste de cores APCA promovidas para estável
A calculadora de contraste do Algoritmo de contraste perceptivo avançado (APCA, na sigla em inglês) saiu oficialmente da fase experimental e agora está disponível como uma configuração de preferência padrão. O APCA substitui as diretrizes de contraste AAA/AA legadas por um modelo de contraste perceptivo moderno otimizado para telas modernas e renderização de texto.
Agora você pode ativar ou desativar as diretrizes do APCA usando a caixa de seleção localizada em Settings > Preferences > Elements > Enable APCA contrast guidelines.
User agent do Modo dispositivo dinâmico
O modo de dispositivo responsivo usava anteriormente uma string de user agent codificada (Android 6.0; Nexus 5). Isso fez com que os sites modernos degradassem a funcionalidade ou acionassem modos de compatibilidade porque o SO informado foi reconhecido como tendo mais de uma década.
O user agent codificado foi substituído por uma heurística dinâmica que é atualizada automaticamente com base no ano civil atual, garantindo que o DevTools sempre informe um ambiente moderno e plausível sem exigir manutenção manual.
Outros destaques
Uma coleção de pequenas melhorias e correções de bugs nesta versão:
- Console: adicionamos um botão de alternância Collapse / Expand all à barra de ferramentas do painel "Console" para expandir ou recolher rapidamente todos os grupos de console ativos e rastreamentos de pilha de uma só vez. (427657550)
- Aplicativo: os hiperlinks clicáveis substituíram o texto estático para campos de bucket de armazenamento na visualização de metadados do aplicativo. Clicar em um link de bucket navega automaticamente para esse bucket específico e o destaca no painel da barra lateral Storage Buckets. (435311130)
- Aplicativo: reativamos o suporte completo à inspeção de armazenamento para Service Workers depois de resolver uma regressão de falha. (406991275, 466134219)
- Aplicativo: adicionamos suporte para inspecionar eventos de pré-renderização
form_submissionno painel "Preloading". (346555939, 488078903) - Aplicativo: implementamos o gerenciamento de credenciais de sessões vinculadas ao dispositivo (DBSC)
, permitindo que os desenvolvedores limpem ou excluam sessões ativas no menu de
contexto ou pressionando as teclas
DeleteouBackspace. (471017387) - Elements: os destaques nos nós DOM que representam problemas ocultos no painel "Issues" agora são atualizados dinamicamente (aparecendo ou desaparecendo) em resposta a ações de filtro de problemas. (40272723)
- Rede: os eventos enviados pelo servidor (SSE) agora são totalmente serializados e incluídos nas exportações HAR, permitindo que capturas de fluxo de eventos ao vivo em andamento sejam salvas e importadas novamente para o DevTools. (494294071)
- Desempenho: corrigimos o rastreamento das Core Web Vitals na visualização "Live Metrics" para fixar o rastreamento estritamente no contexto de execução do frame principal, impedindo que a rotatividade dinâmica do iframe redefina as métricas. (494350655)
- Desempenho: upgrade do
web-vitalspara a v5.2.0, introduzindo correções upstream nativas para vazamentos de memória durante o monitoramento do INP. (484342204)