Pular para o conteúdo

Chrome DevTools MCP

Deixe o Claude controlar e inspecionar um Chrome real para depurar e analisar o desempenho de páginas.

Oficialpor Google (Chrome DevTools team)Roda no seu computadorVerificado em 18 de outubro de 2026

O Chrome DevTools MCP, da equipe do Chrome DevTools do Google, abre ou se conecta a um navegador Chrome real para que o Claude clique pelas páginas, leia erros do console e requisições de rede e grave traces de desempenho. É ótimo para conferir se uma mudança funciona num navegador de verdade e descobrir por que uma página está lenta ou quebrada.

Para quem é

  • Desenvolvedores front-end depurando páginas
  • Quem quer conferir se uma mudança feita por IA funciona num navegador real
  • Equipes cuidando da velocidade das páginas

Prompts para testar

Depois de conectado, peça com suas palavras. Sua ferramenta de IA decide quando usar o servidor e pergunta antes de mudar algo importante.

Prompt 1
Abra localhost:3000, envie o formulário de cadastro com dados de teste e me conte sobre qualquer erro no console.
Prompt 2
Grave um trace de desempenho da nossa página inicial e explique o que deixa a primeira renderização lenta.
Prompt 3
Rode uma auditoria do Lighthouse na página de preços e liste os problemas de acessibilidade encontrados.

Como conectar na sua ferramenta de IA

MCP é um padrão aberto, então este servidor funciona no Claude, ChatGPT, Codex, Cursor, VS Code e mais. Escolha sua ferramenta:

Mais fácil: cole isto em Claude Code
Conecte para mim o servidor MCP do Chrome DevTools MCP ao Claude Code: rode este comando: claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
Se algum valor começar com YOUR_, me peça primeiro. Quando estiver conectado, me ajude a fazer login se precisar e mostre uma coisa que eu possa pedir a ele.

Ou faça você mesmo:

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

Bom saber

Estatísticas de uso são enviadas ao Google por padrão (adicione --no-usage-statistics para desativar), e tudo que estiver aberto nesse navegador fica visível para o Claude, então evite sites sensíveis.

Libere os passos de configuração

Grátis. Deixe seu email uma vez para liberar os passos de configuração dos 150 servidores e receber os melhores conectores novos todo mês.

Sem spam. Cancele com um clique. Usamos seu e-mail para enviar o curso e dicas de IA.

Como verificamos

Verificamos o repositório no GitHub (Apache-2.0, 53.7k estrelas, versão 1.11.0 em 2026-10-15), o guia de configuração de clientes, a referência de ferramentas e o pacote npm chrome-devtools-mcp.

Fonte: github.com/ChromeDevTools/chrome-devtools-mcp