IA by DNACX

#2 no GitHub · Navegador e apps

Como instalar e usar o Chrome DevTools MCP

Deixa a IA controlar e inspecionar um navegador Chrome de verdade. Ela pode gravar análises de desempenho, ver requisições de rede, tirar capturas de tela, ler mensagens do console e automatizar ações em páginas.

Para quem
Quem constrói ou revisa sites e quer que o Claude Code abra a página no Chrome, teste e diagnostique problemas.
Estrelas (07/11/2026)
54.930, #2 no ranking
Licença
Apache 2.0
Repositório
ChromeDevTools/chrome-devtools-mcp

Passo a passo

Antes de começar: Node.js em versão LTS; Chrome na versão estável atual ou mais nova; npm; Um cliente MCP compatível, como o Claude Code.

  1. Confira os requisitos

    Tenha o Node.js (versão LTS), o Chrome estável e o npm instalados.

  2. Instale como plugin no Claude Code

    O README traz dois comandos para o Claude Code. Rode o primeiro dentro de uma sessão para adicionar o catálogo do plugin.

    Comando
    /plugin marketplace add ChromeDevTools/chrome-devtools-mcp

  3. Instale o plugin

    Em seguida, rode o segundo comando. O README diz que o plugin instala o servidor MCP e todas as skills.

    Comando
    /plugin install chrome-devtools-mcp@chrome-devtools-plugins

  4. Alternativa: configuração manual do servidor

    Quem prefere configurar o servidor à mão adiciona este bloco na configuração do cliente MCP. O README manda ver o guia de configurações de clientes para o Claude Code.

    Comando
    {
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

  5. Faça o primeiro teste

    Digite o pedido abaixo no cliente. O README diz que o cliente deve abrir o navegador e gravar uma análise de desempenho. O navegador só abre quando uma ferramenta que precisa dele é usada.

Primeiro teste

Numa sessão com o servidor conectado, cole:

Primeiro teste
Check the performance of https://developers.chrome.com

Segundo o README, o cliente MCP deve abrir o navegador e gravar uma análise de desempenho (trace).

Cuidados

  • O servidor expõe o conteúdo do navegador ao cliente MCP, que pode inspecionar, depurar e modificar qualquer dado no navegador. Evite compartilhar informação sensível ou pessoal.
  • O README diz que só o Google Chrome e o Chrome for Testing têm suporte oficial. Outros navegadores baseados em Chromium podem funcionar, sem garantia.
  • As ferramentas de desempenho podem enviar endereços de páginas à API CrUX do Google. Para desligar, use a opção --no-performance-crux.
  • O Google coleta estatísticas de uso por padrão. Para desligar, use a opção --no-usage-statistics.
  • O servidor verifica atualizações no registro do npm. Para desligar, defina a variável CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS.

Como desfazer

O README não traz um passo de remoção do plugin ou do servidor.

O que o README não confirma

Esta página foi montada lendo o README. Estes pontos não estão escritos lá:

  • O README manda ver outro documento (docs/client-configurations.md) para o Claude Code, que não foi lido.
  • O README não diz se o navegador aberto pela IA usa o seu perfil e suas contas já logadas. Confira o guia de uso avançado antes de abrir páginas com dados pessoais.
  • Custo não aparece no README.

Dúvidas

Preciso abrir o Chrome antes?

Não. O README diz que o servidor inicia o navegador sozinho quando uma ferramenta precisa dele.

A coleta de dados dá para desligar?

Sim. O README indica a opção --no-usage-statistics para as estatísticas de uso e --no-performance-crux para o envio de endereços à API CrUX.

Funciona com outros navegadores?

O README diz que só Google Chrome e Chrome for Testing têm suporte oficial.

A DNACX usa o Chrome DevTools MCP?

Esta página foi montada a partir do README oficial. A DNACX não rodou cada passo, então confira a saída de cada comando e, se algo falhar, volte ao README do repositório.

Próximo da lista

← #1 Context7 · #3 Codebase Memory →

Ver os 15 MCPs

Por Diogo Kammers, da DNACX. Passo a passo montado a partir do README oficial de ChromeDevTools/chrome-devtools-mcp, lido em . A DNACX não rodou cada passo desta página. O servidor é de terceiros e a DNACX não o criou.