Publicado em: 2 de junho de 2026
O Chrome 149 traz grandes atualizações para a assistência de IA, apresenta ferramentas experimentais de depuração do WebMCP no painel "Aplicativo" e amplia o suporte ao preenchimento 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 na página:agora as páginas podem definir ferramentas de depuração personalizadas usando JavaScript, que podem ser descobertas e chamadas pelo DevTools para agentes.
- Depuração do WebMCP:agora o DevTools para agentes pode listar e executar ferramentas do WebMCP.
- Emulação de cabeçalhos HTTP personalizados:adiciona suporte a 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 são experimentais e não estão ativadas por padrão. Consulte a referência da ferramenta para saber como usá-las. Vamos fornecer mais documentação em developer.chrome.com quando esses recursos estiverem prontos para uso em produçã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 confira a sessão de vídeo abrangente do Google I/O Acelere seu fluxo de trabalho de programação de IA com o Chrome DevTools para agentes.
Assistência de IA
O painel Assistência de IA recebeu uma atualização significativa na interface do usuário e novas ferramentas para melhorar a experiência de conversa e fornecer insights mais detalhados sobre a página:
- Tutorial do agente:a assistência de IA agora renderiza widgets diretamente na interface de chat em vez de texto simples em Markdown. Esses widgets abrangem as Core Web Vitals e insights relacionados, elementos LCP, detalhamento do LCP, atividade de encadeamento de baixo para cima e muito mais. Um link Revelar dentro do widget leva você à fonte 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, seja resumida como um comando ou na íntegra, para você colar no agente de programação da sua escolha.
- Recursos atualizados: a assistência de IA agora tem acesso ao Lighthouse e a insights relacionados, o que permite analisar sua página de forma holística e dar conselhos direcionados.
- Respostas aprimoradas: usando o Gemini 3 e preâmbulos refinados, a assistência de IA dá 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. Assim, fica mais rápido e intuitivo refinar ou executar novamente consultas anteriores.
Dê sua opinião comentando sobre o bug de feedback. Em vez de "Copiar para o agente de programação", vamos descontinuar o suporte para correções de estilo automatizadas com a assistência de IA no Chrome 152.
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 páginas da Web registrem ferramentas para serem usadas por agentes de LLM visitantes. Saiba mais sobre o padrão proposto na nossa documentação.
Com as novas ferramentas de depuração, os desenvolvedores podem:
- Inspecione as ferramentas do lado do cliente e os esquemas delas.
- Executar manualmente a execução de ferramentas com parâmetros personalizados.
- Acompanhe e filtre eventos de invocação de ferramentas ativos ou pendentes.
- Monitore o status da execução e inspecione os 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 testar.
Problemas do Chromium: 494516094
Preenchimento de código para CSS
A guia Estilos agora tem preenchimento de código para CSS com o Gemini, com base no suporte aos painéis "Console" e "Fontes". Ative as sugestões de código em Configurações > Inovações de IA > Sugestões de código.
Isso ajuda você a testar combinações mais complexas de propriedades CSS, como gradientes ou sombras de caixa, sem precisar lembrar da sintaxe exata. Ou para criar rapidamente layouts de grade e flexíveis, contando com várias propriedades relacionadas.
A barra de ferramentas na parte de baixo da guia Estilos mostra o status com um ícone de carregamento. As sugestões são atualizadas ou apagadas conforme você digita, garantindo que o texto gerado por IA permaneça relevante para suas edições manuais.
Diretrizes de contraste de cores do APCA promovidas para estável
A calculadora de contraste do algoritmo de contraste perceptivo avançado (APCA) 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 e renderização de texto atuais.
Agora você pode ativar ou desativar as diretrizes de APCA usando a caixa de seleção em Configurações > Preferências > Elementos > Ativar diretrizes de contraste de APCA.
User agent do modo dinâmico do dispositivo
O modo responsivo do dispositivo usava uma string de user agent codificada (Android 6.0; Nexus 5). Isso fazia com que os sites modernos degradassem a funcionalidade ou acionassem modos de compatibilidade porque o SO informado era 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 plausível e moderno 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 Expandir / recolher tudo à barra de ferramentas do painel do console para expandir ou recolher rapidamente todos os grupos ativos do console 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. Ao clicar em um link de bucket, você navega automaticamente até ele e o destaca no painel lateral Buckets de armazenamento. (435311130)
- Aplicativo: reativamos o suporte completo à inspeção de armazenamento para Service Workers depois de resolver uma regressão de falha. (406991275, 466134219)
- Application: adicionamos suporte para inspecionar eventos de pré-renderização
form_submissionno painel "Pré-carregamento". (346555939, 488078903) - Aplicativo: implementamos o gerenciamento de credenciais de sessões vinculadas ao dispositivo (DBSC, na sigla em inglês), permitindo que os desenvolvedores limpem ou excluam sessões ativas no menu de contexto ou pressionando as teclas
DeleteouBackspace. (471017387) - Elementos: os destaques nos nós do DOM que representam problemas ocultos no painel "Problemas" agora são atualizados dinamicamente (aparecendo ou desaparecendo) em resposta às 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 stream de eventos ao vivo em andamento sejam salvas e importadas novamente para o DevTools. (494294071)
- Performance: corrigimos o rastreamento das Core Web Vitals na visualização "Métricas em tempo real" para fixar o rastreamento estritamente no contexto de execução do frame principal, evitando que a rotatividade dinâmica de iframes redefina as métricas. (494350655)
- Performance: upgrade do
web-vitalspara a v5.2.0, introduzindo correções upstream nativas para vazamentos de memória durante o monitoramento do INP. (484342204)