Ajude o agente a criar, depurar e verificar seu código corretamente. Com o Chrome DevTools para agentes, seu agente de IA pode interagir com o navegador Chrome para testar código, emular usuários e detectar bugs usando os recursos do Chrome DevTools antes do lançamento.
Começar Ver no GitHub

Instalar agora

Confira todas as opções de instalação no GitHub

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, instale o plug-in DevTools durante a etapa Criar com o Google da configuração inicial ou nas configurações do aplicativo.

  # Install as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
 
  # Install as a plugin (MCP+Skills)
  # Add the marketplace registry:
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  # Install
  /plugin install chrome-devtools-mcp@chrome-devtools-plugins
 
  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Se você estiver usando outro agente de codificação, como o Copilot ou o OpenCode, siga as instruções no nosso repositório do GitHub.

O que seu agente pode fazer?

Permita que o agente interaja com o navegador da Web. Para saber mais sobre outras ações que o agente pode realizar, acesse a documentação de casos de uso.

Teste designs responsivos, diferentes geolocalizações e fluxos de usuários reais. Saiba mais.
Conecte-se à sua sessão ativa do Chrome para inspecionar, pausar e resolver problemas em tempo real. Saiba mais.
Execute auditorias de acessibilidade, SEO e desempenho para fornecer checklists acionáveis antes de enviar o código para produção. Saiba mais.

Comandos que proporcionam experiências melhores para os usuários

Dê ao seu agente de IA o poder de navegar em sites, interagir com botões, explorar páginas e executar auditorias de acessibilidade instantâneas, tudo em uma instância de navegador totalmente gerenciada. 
Go to developer.chrome.com on mobile, click the burger menu, and check for top-level navigation items.
 
Go to https://chrome.dev/devtools-store-locator. Simulate your location is Berlin and check if the store locator shows the Rosenthaler Strasse branch.
 
Run a Lighthouse accessibility audit and suggest fixes for any low-contrast elements.
 
Perform an SEO audit and verify all images have descriptive alt text.
Saiba como configurar o Chrome DevTools para agentes e veja os agentes depurando e verificando de forma autônoma. Este vídeo aborda a instalação, o handshake e o uso da CLI para ações em lote.