AI Tool Atlas
Servidor MCP Oficial

Chrome DevTools MCP

Permite que seu agente de programação controle e inspecione um Chrome ao vivo: traces de desempenho, rede, console, capturas de tela e automação.

Autor
Chrome DevTools (Google)
Funciona com
Any MCP client, Claude Code, Cursor
Licença
Apache-2.0
Documentado
Oct 2, 2026
Repositório ↗ Documentação oficial ↗ Registro ↗

O que é Chrome DevTools MCP

O chrome-devtools-mcp é um servidor MCP que dá a agentes de programação acesso ao Chrome DevTools para automação, depuração e análise de desempenho. Usa o puppeteer para uma automação confiável. Também há uma CLI para uso sem MCP.

O que ela faz

Como o Chrome DevTools MCP se integra: quais agentes o executam e o que ele acrescentaEXECUTA EMSeu agenteClaude CodeCursorAny MCP client3 hosts documentadosMCP SERVER · OFICIALChrome DevTools MCPConecte o agente a ferramentas, d…4 etapas de instalação1 nota de permissãolicença: Apache-2.0O QUE ELA ACRESCENTAO que ela fazGrava traces de desempenho e extr…Analisa requisições de rede e lê…Tira capturas de telaAutomatiza ações do Chrome via pu…agente → extensão → nova capacidade · do repositório ou da documentação oficial
Onde Chrome DevTools MCP roda e o que acrescenta, segundo a documentação
  • Grava traces de desempenho e extrai insights
  • Analisa requisições de rede e lê mensagens do console com stack traces mapeados pelo source map
  • Tira capturas de tela
  • Automatiza ações do Chrome via puppeteer com espera automática
  • Modo enxuto para tarefas básicas do navegador (--slim)

Quando usar

Boa adequação

  • Depurar o desempenho de uma página web com um agente
  • Deixar um agente verificar alterações de interface em um navegador real
  • Inspecionar erros de console e de rede

Não indicado para

  • Navegadores que não sejam o Chrome (só o Chrome e o Chrome for Testing têm suporte oficial)
  • Sessões com dados sensíveis que você não quer expor ao cliente MCP

Como instalar o Chrome DevTools MCP

Você precisa de: Node.js LTS; Chrome estável atual ou mais recente; npm

  1. Verifique se o Node.js LTS, o npm e o Chrome estável atual estão instalados
  2. Adicione a configuração ao seu cliente MCP
  3. Veja o guia de configuração de clientes para Claude Code, Cursor e VS Code
  4. Teste com: Check the performance of https://developers.chrome.com
Exemplo de configuração (da documentação oficial)
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

Permissões e segurança

A que ela tem acesso

  • Inspecionar, depurar e modificar qualquer dado na instância do navegador controlada ou no DevTools

Notas de segurança dos mantenedores

  • Evite compartilhar informações sensíveis com clientes MCP
  • As ferramentas de desempenho podem enviar URLs de trace à API CrUX do Google; desative com --no-performance-crux
  • As estatísticas de uso vêm ativadas por padrão; para desativar, use --no-usage-statistics ou as variáveis CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS/CI; as verificações de atualização são desativadas com CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS

Revise a fonte antes de conceder ao agente acesso a credenciais ou sistemas de produção. Documentamos o que os mantenedores informam; não auditamos o código.

Limitações

  • Outros navegadores baseados em Chromium podem funcionar, mas sem garantia
  • O navegador só inicia quando uma ferramenta que precisa dele é usada

Ferramentas que ela estende

Programação

Claude Code

Web · Desktop

Ainda sem avaliações de usuários

Ferramenta de programação agêntica da Anthropic que lê sua base de código, edita arquivos e executa comandos pelo terminal, por IDEs, pelo app desktop ou pelo navegador.

O plano gratuito termina em: Não há plano gratuito: o Claude Code está incluído nas assinaturas pagas do Claude (Pro, Max, Team, Enterpris…

Listed Ainda não avaliada

Verificado code.claude.com (abre o site de Claude Code em uma nova aba)

A partir de $20/mo EUA · verificado Sep 29

CompareAdded Claude Code Detalhes cerca de Claude Code
Programação

Gemini CLI

Desktop

Ainda sem avaliações de usuários

Agente de IA de terminal de código aberto do Google que leva o Gemini à linha de comando; o site informa que usuários sem plano pago e do Google One foram movidos para o Antigravity CLI.

O plano gratuito termina em: Verify current availability

Listed Ainda não avaliada

Verificado geminicli.com (abre o site de Gemini CLI em uma nova aba)

Preços Preço nos EUA não confirmado

CompareAdded Gemini CLI Detalhes cerca de Gemini CLI

Perguntas frequentes

O Chrome DevTools MCP coleta dados de uso?

Sim, o Google coleta estatísticas de uso por padrão; para desativar, use --no-usage-statistics. fonte

Quais navegadores o Chrome DevTools MCP aceita?

Google Chrome e Chrome for Testing oficialmente; outros navegadores baseados em Chromium não têm garantia. fonte

Como instalo o Chrome DevTools MCP?

Adicione à configuração do seu cliente MCP um servidor que execute npx -y chrome-devtools-mcp@latest. fonte

O Chrome DevTools MCP envia URLs ao Google?

As ferramentas de desempenho podem enviar URLs de trace à API CrUX; desative com --no-performance-crux. fonte

Guias relacionados

Fontes e lacunas

Não informado pelos mantenedores: Data do último lançamento; A lista completa de ferramentas em tool-reference.md não foi obtida.

Mais extensões para conhecer