Repolode
Enviar
ChromeDevTools

ChromeDevTools/chrome-devtools-mcp

Um servidor MCP que permite a agentes de programação controlar e inspecionar um Chrome em execução usando o Chrome DevTools para depuração e análise de desempenho.

Ver no GitHubSite
Estrelas
53,868
Forks
7,035
Issues abertas
152
Último commit
há 13 horas

O que é?

Chrome DevTools para agentes (chrome-devtools-mcp) é um servidor do Model Context Protocol que dá a assistentes de programação com IA, como Claude, Cursor, Copilot e Antigravity, acesso a um navegador Chrome em execução. Com ele, um agente pode navegar pelas páginas, fazer capturas de tela, ler solicitações de rede e mensagens do console com stack traces mapeados para o código-fonte e gravar traces de desempenho.

O servidor é baseado no Chrome DevTools e usa Puppeteer para automatizar ações e aguardar os resultados. O navegador é iniciado automaticamente quando um cliente chama uma ferramenta que precisa dele. Também há uma CLI para uso sem MCP, e o modo slim disponibiliza um conjunto menor de ferramentas básicas para o navegador, com opção de execução headless.

O projeto oferece suporte oficial ao Google Chrome e ao Chrome for Testing. Como o servidor expõe o conteúdo do navegador ao cliente conectado, ele pode ler e modificar qualquer dado no navegador; por isso, páginas com informações sensíveis devem ser evitadas. A coleta de estatísticas de uso vem ativada por padrão e pode ser desativada com uma flag ou variável de ambiente.

Recursos principais

  • 01Grava traces de desempenho e extrai insights acionáveis usando o Chrome DevTools.
  • 02Inspeciona solicitações de rede, faz capturas de tela e lê mensagens do console com stack traces mapeados para o código-fonte.
  • 03Automatiza ações no navegador com Puppeteer e aguarda os resultados automaticamente.
  • 04Oferece um modo slim com ferramentas básicas e opção headless.
  • 05Disponibiliza uma CLI para uso sem MCP.

Casos de uso

  • Permitir que um assistente de programação com IA depure erros do console e falhas de rede em uma página web.
  • Executar auditorias de desempenho em um site e obter recomendações baseadas em traces.
  • Automatizar testes de navegador conduzidos por um agente durante o desenvolvimento.
  • Incorporar um subagente de navegador a ferramentas agentic.

Início rápido

  1. 1

    Instale o Node.js LTS e o Chrome (versão estável atual)

  2. 2

    Adicione a configuração do servidor MCP ao seu cliente MCP

    npx -y chrome-devtools-mcp@latest
  3. 3

    Digite o prompt de teste no seu cliente MCP para verificar se está funcionando

Antes de usar

  • O suporte oficial é apenas para o Google Chrome e o Chrome for Testing; o funcionamento em outros navegadores Chromium não é garantido.
  • As ferramentas podem expor todos os dados do navegador ao cliente MCP, portanto, evite compartilhar informações confidenciais.
  • A coleta de estatísticas de uso vem ativada por padrão e deve ser desativada com uma flag ou variável de ambiente.

Tópicos

#mcp#browser#chrome-devtools#debugging#puppeteer#ai-agent#performance#chrome#devtools#mcp-server

Perguntas frequentes

O que é chrome-devtools-mcp?
Um servidor MCP que permite a agentes de programação controlar e inspecionar um Chrome em execução usando o Chrome DevTools para depuração e análise de desempenho. Chrome DevTools para agentes (chrome-devtools-mcp) é um servidor do Model Context Protocol que dá a assistentes de programação com IA, como Claude, Cursor, Copilot e Antigravity, acesso a um navegador Chrome em execução. Com ele, um agente pode navegar pelas páginas, fazer capturas de tela, ler solicitações de rede e mensagens do console com stack traces mapeados para o código-fonte e gravar traces de desempenho.
chrome-devtools-mcp é gratuito? Qual é a licença?
chrome-devtools-mcp é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
chrome-devtools-mcp ainda é mantido?
Manutenção ativa. O último commit de chrome-devtools-mcp foi em 19 de out. de 2026.
Para que posso usar chrome-devtools-mcp?
Permitir que um assistente de programação com IA depure erros do console e falhas de rede em uma página web. Executar auditorias de desempenho em um site e obter recomendações baseadas em traces. Automatizar testes de navegador conduzidos por um agente durante o desenvolvimento. Incorporar um subagente de navegador a ferramentas agentic.
Como instalar chrome-devtools-mcp?
Instale o Node.js LTS e o Chrome (versão estável atual) Adicione a configuração do servidor MCP ao seu cliente MCP: npx -y chrome-devtools-mcp@latest Digite o prompt de teste no seu cliente MCP para verificar se está funcionando
Onde consigo chrome-devtools-mcp?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/ChromeDevTools/chrome-devtools-mcp

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados