Chrome DevTools MCP

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

Principais recursos

Obtenha insights de desempenho: Usa Chrome DevTools para gravar rastreamentos e extrair insights de desempenho acionáveis.
Depuração avançada do navegador: Analise solicitações de rede, capture telas e verifique o console do navegador.
Automação confiável. Usa puppeteer para automatizar ações no Chrome e aguardar automaticamente os resultados das ações.

Tipo de MCP	Pilha de Tecnologia	Vantagens	Ecossistema Primário	Melhor Para
Chrome DevTools MCP	Node.js / Puppeteer	Padrão oficial, robusto, ferramentas de análise de desempenho aprofundadas.	Amplo (Gemini, Copilot, Cursor)	Automação CI/CD, fluxos de trabalho entre IDEs e auditorias de desempenho aprofundadas.
Playwright MCP	Node.js / Playwright	Usa árvore de acessibilidade em vez de pixels; determinístico e amigável para LLMs sem visão.	Amplo (VS Code, Copilot)	Automação confiável e estruturada que é menos propensa a quebras por pequenas mudanças na UI.
Scrapeless Browser MCP	Serviço de Nuvem	Configuração local zero, navegadores em nuvem escaláveis, lida com sites complexos e medidas anti-bot.	Orientado por API (Qualquer cliente)	Tarefas de automação em larga escala e paralelas, 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.

Começando

Obtenha sua Chave API Scrapeless

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

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 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 fundação: todos se conectam ao Scrapeless Cloud Browser.

Ao contrário da automação tradicional de navegadores locais, o Scrapeless Browser é executado inteiramente na ****nuvem, proporcionando 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 migração sem esforço de projetos existentes com uma única linha de código.
Cobertura Global de IP: Acesso a pools de IP residenciais, de 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 é executada em um ambiente dedicado e persistente, garantindo isolamento de sessão, gerenciamento de múltiplas contas e estabilidade a longo prazo.
Escalabilidade concorrente ilimitada: Lance instantaneamente 50 a 1000+ instâncias de navegador com infraestrutura de autoescalonamento — sem configuração de servidor, sem gargalo de desempenho.
Nós de Borda em Todo o Mundo: Implante em vários nós globais para latência ultrabaixa e inicialização 2 a 3 vezes mais rápida do 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 de proteção rigorosas.
Depuração Visual: Obtenha depuração interativa homem-máquina e monitoramento de tráfego proxy em tempo real via Live View. Reproduza sessões página por página através de Gravações de Sessão para identificar rapidamente problemas e otimizar operações.

Casos de Uso

Análise de Desempenho Web: Grave rastreamentos com CDP e extraia insights acionáveis sobre carregamento de página, solicitaçõ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, capture telas e reproduza bugs automaticamente para uma solução de problemas mais rápida.
Testes End-to-End: Automatize fluxos de trabalho complexos com 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