Chrome DevTools MCP

Chrome DevTools MCP é um servidor Model-Context-Protocol (MCP) que permite que assistentes de programação com IA, como Gemini, Claude, Cursor ou Copilot, controlem e inspecionem um navegador Chrome ativo para automação confiável, depuração avançada e análise de desempenho.

Principais recursos

Obtenha insights de desempenho: usa o Chrome DevTools para gravar traces e extrair insights de desempenho acionáveis.
Depuração avançada do navegador: analise requisições de rede, capture screenshots e verifique o console do navegador.
Automação confiável. Usa o puppeteer para automatizar ações no Chrome e aguardar automaticamente pelos resultados das ações.

Tipo de MCP	Stack Tecnológico	Vantagens	Ecossistema Principal	Ideal Para
Chrome DevTools MCP	Node.js / Puppeteer	Padrão oficial, robusto, com ferramentas aprofundadas de análise de desempenho.	Amplo (Gemini, Copilot, Cursor)	Automação de CI/CD, fluxos de trabalho entre IDEs e auditorias detalhadas de desempenho.
Playwright MCP	Node.js / Playwright	Usa a árvore de acessibilidade em vez de pixels; determinístico e amigável para LLMs sem necessidade de visão.	Amplo (VS Code, Copilot)	Automação estruturada e confiável, menos propensa a quebrar com pequenas mudanças de UI.
Scrapeless MCP	Serviço em Nuvem	Zero configuração local, navegadores em nuvem escaláveis, lida com sites complexos e medidas anti-bot.	Orientado por API (Qualquer cliente)	Tarefas de automação paralelas e em larga escala, e interação com sites que possuem forte detecção de bots.

Requisitos

Node.js v20.19 ou a versão LTS de manutenção mais recente.
npm.

Primeiros Passos

Obtenha Sua API Key do Scrapeless

Faça login no Scrapeless e obtenha sua API Key.

Início Rápido

Esta configuração JSON é usada por um cliente MCP para se conectar ao servidor Chrome DevTools MCP e controlar a instância remota do navegador em nuvem do Scrapeless.

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--wsEndpoin=wss://browser.scrapeless.com/api/v2/browser?token=scrapeless api key&proxyCountry=US&sessionRecording=true&sessionTTL=900&sessionName=CDPDemo"
      ]
    }
  }
}

Demonstração

Um Navegador em Nuvem, Integrações Infinitas

Chrome DevTools MCP, Playwright MCP e Scrapeless Browser MCP — compartilham uma base comum: todos se conectam ao Scrapeless Cloud Browser.

Diferentemente da automação de navegador local tradicional, o Scrapeless Browser roda inteiramente na ****nuvem, oferecendo flexibilidade e escalabilidade incomparáveis para desenvolvedores e agentes de IA.

Veja o que o torna verdadeiramente poderoso:

Integração Perfeita: Totalmente compatível com Puppeteer, Playwright e CDP, permitindo a migração sem esforço de projetos existentes com uma única linha de código.
Cobertura Global de IPs: Acesso a pools de IPs residenciais, ISP e ilimitados em mais de 195 países, a uma taxa transparente e econômica (US$ 0,6–1,8/GB). Perfeito para automação de dados web em larga escala.
Perfis Isolados: Cada tarefa roda em um ambiente dedicado e persistente, garantindo isolamento de sessão, gerenciamento de múltiplas contas e estabilidade de longo prazo.
Escalabilidade Concorrente Ilimitada: Inicie instantaneamente 50–1000+ instâncias de navegador com infraestrutura de auto-escalonamento — sem configuração de servidor, sem gargalos de desempenho.
Edge Nodes no Mundo Todo: Implante em múltiplos nós globais para latência ultrabaixa e inicialização 2–3× mais rápida que outros navegadores em nuvem.
Anti-Detecção: Soluções integradas para reCAPTCHA, Cloudflare Turnstile e AWS WAF, garantindo automação ininterrupta mesmo sob camadas rígidas de proteção.
Depuração Visual: Alcance a depuração interativa homem-máquina e o monitoramento de tráfego de proxy em tempo real via Live View. Reproduza sessões página por página através de Session Recordings para identificar problemas rapidamente e otimizar operações.

Casos de Uso

Análise de Desempenho Web: Grave traces com o CDP e extraia insights acionáveis sobre carregamento de página, requisições de rede e execução de JavaScript, permitindo que assistentes de IA sugiram otimizações de desempenho.
Depuração Automatizada: Capture logs do console, inspecione o tráfego de rede, tire screenshots e reproduza bugs automaticamente para uma solução de problemas mais rápida.
Testes de Ponta a Ponta: Automatize fluxos de trabalho complexos com o Puppeteer, valide interações de página e verifique a renderização de conteúdo dinâmico no Chrome.
Automação Assistida por IA: LLMs como Gemini ou Copilot podem preencher formulários, clicar em botões ou extrair dados estruturados de páginas do Chrome com confiabilidade e precisão.

Scrapling Playwright MCP