Publicado em: 19 de maio de 2026
As ferramentas de programação de IA são muito eficientes para escrever código, mas geralmente não estão conectadas à execução dele. Eles podem gerar um web app complexo, mas não podem observar o comportamento dele nem inspecionar a saída em um navegador ativo.
As Chrome DevTools para agentes oferecem ao seu agente de programação a visibilidade necessária para verificar, depurar e otimizar o código em tempo real. Há alguns meses, mostramos esse recurso pela primeira vez, e agora temos o prazer de anunciar que o Chrome DevTools para agentes está disponível como uma versão estável 1.0.
Conectar seu agente ao navegador
O Chrome DevTools para agentes permite que seu agente tenha uma experiência no site como um usuário real. Esta versão estável inclui várias maneiras de você e seu agente interagirem com o Chrome:
- Servidor do Protocolo de Contexto de Modelo (MCP): um servidor que conecta modelos de linguagem grandes (LLMs) aos recursos de depuração do DevTools.
- Interface de linha de comando (CLI): uma alternativa eficiente em termos de tokens que permite aos agentes agrupar ações em scripts.
- Habilidades do agente: instruções de especialistas que ensinam o agente a usar ferramentas específicas para tarefas como acessibilidade ou depuração de desempenho e quando fazer isso.
Depurar, emular e auditar automaticamente
Com a versão 1.0, seu agente de programação agora pode realizar tarefas avançadas de depuração que antes eram manuais.
Automatizar auditorias de qualidade
Agora, seu agente pode executar auditorias do Lighthouse para avaliar a qualidade do site. Ele pode identificar problemas de acessibilidade, SEO, práticas recomendadas e navegação autônoma. É como ter um linter que entende o tempo de execução. Usado como um portão de qualidade, ele transforma seu agente de programação em um especialista que detecta bloqueadores críticos antes que eles cheguem à produção.
Emular experiências de usuário reais
Seu agente pode usar o DevTools para agentes e testar a aparência e o desempenho de um site em vários dispositivos ou em locais diferentes usando ferramentas de emulação. Ele pode redimensionar janelas, simular geolocalizações e limitar as velocidades de rede e CPU para imitar condições do mundo real. Assim, o agente pode testar comportamentos específicos para dispositivos móveis, como menus hambúrguer, sem que você precise redimensionar o navegador manualmente.
Desenvolver e depurar extensões do Chrome
Você também pode permitir que o agente não apenas ajude a desenvolver extensões do Chrome, mas também depure-as. O agente pode instalar, recarregar e acionar ações de extensão diretamente. Isso ajuda a automatizar o ciclo frequente de "salvar e atualizar" durante o desenvolvimento. Ele também pode analisar scripts em segundo plano e páginas de extensão para ajudar você a corrigir bugs em configurações de navegador mais complexas.
Depurar e testar ferramentas do WebMCP
Também estamos trazendo visibilidade detalhada ao WebMCP (Web Model Context Protocol) Origin Trial para ajudar você a implementar essa nova API.
Em vez de depender de indicadores para inferir um plano de navegação no DOM, o agente pode interagir diretamente com ferramentas estruturadas expostas usando WebMCP. Isso facilita o desenvolvimento, o teste e a depuração dessas ferramentas: seu agente pode listar, invocar programaticamente e validar a correção delas em tempo real. Isso simplifica o processo de adicionar suporte ao WebMCP no seu site e testá-lo.
Detectar e depurar vazamentos de memória
Também adicionamos ferramentas dedicadas para análise de memória. Agora, o agente pode fazer instantâneos de heap para identificar vazamentos de memória, como nós DOM desconectados. Usando habilidades especializadas de depuração de vazamento de memória, o agente atua como um especialista em desempenho para ajudar você a manter seu aplicativo eficiente e rápido.
Transferir sessões com conexão automática
Você pode compartilhar o contexto atual do navegador com um agente, em vez de abrir uma instância isolada do navegador (que é como o DevTools para agentes geralmente dá acesso ao navegador). Isso é perfeito para depurar itens que exigem um login, como um painel autenticado, em que você quer que o agente de IA assuma a investigação técnica sem que você precise autenticar tudo de novo.
Expor o estado interno com ferramentas de desenvolvedor de terceiros
Com as ferramentas de desenvolvedores terceirizadas, seu aplicativo da Web pode compartilhar o estado interno e detalhes de componentes diretamente com agentes de IA. Ao dar acesso a dados que geralmente ficam ocultos da análise padrão, essas ferramentas oferecem aos agentes o contexto necessário para entender lógicas complexas. Isso resulta em sugestões de depuração mais precisas com base no comportamento real do aplicativo no navegador.
Primeiros passos
É possível instalar a versão estável usando npm ou configurar diretamente no
agente de sua escolha:
Antigravity
O Chrome DevTools para agentes vem pré-agrupado com o Antigravity 2.0. Você pode começar a usar imediatamente com o subagente do navegador. Tente usar um comando de barra, como:
/browser Navigate to the Google homepage
Para acessar habilidades especializadas do agente, recomendamos instalar o plug-in do DevTools durante a etapa Criar com o Google da configuração inicial ou nas configurações do aplicativo. Para mais informações, consulte a documentação do subagente do navegador Antigravity.
CLI do Gemini
Para instalar o pacote do MCP e as habilidades como uma extensão, use o seguinte comando:
$ gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
Claude Code
Para instalar o Chrome DevTools para agentes como um plug-in do Claude Code, use os seguintes comandos de barra no Claude Code. Adicione o registro do marketplace:
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
e instale o plug-in no registro do marketplace:
/plugin install chrome-devtools-mcp@chrome-devtools-plugins
Para ver guias mais detalhados e exemplos de comandos, acesse a documentação do Chrome DevTools para agentes. Você também pode conferir o código-fonte no GitHub.