Depuração de navegador para IA
Desenvolvido para Chrome DevTools, este servidor permite a codificação de agentes de inteligência artificial para gerenciar processos de depuração baseados em navegador. Trabalhando por meio do Model Context Protocol, esta ferramenta permite que os agentes inspecionem diretamente os aplicativos da web e automatizem os processos de depuração.
Atualizações
- 23 de outubro de 2026: Estrelas 53,589 → 54,021, versão mais recente chrome-devtools-mcp-v1.12.0 (22 de outubro de 2026).
- 15 de outubro de 2026: Estrelas 52,641 → 53,589, versão mais recente chrome-devtools-mcp-v1.11.0 (15 de outubro de 2026).
- 27 de setembro de 2026: Estrelas 51,328 → 52,641, versão mais recente chrome-devtools-mcp-v1.10.1 (23 de setembro de 2026).
- 8 de setembro de 2026: Estrelas 49,801 → 51,328, versão mais recente chrome-devtools-mcp-v1.9.0 (8 de setembro de 2026).
O que você ganha
- Controle o navegador ao vivo diretamente
- Automatizando a análise de desempenho
- Revise solicitações de rede e erros de console
Instalação
npm install -g chrome-devtools-mcpSe você não programa
Conecte-se à minha sessão ativa do navegador usando o servidor Chrome DevTools MCP e analise os dados de desempenho do meu aplicativo da web. Verifique as solicitações de rede, examine os erros do console e execute as etapas de depuração necessárias para solucionar quaisquer problemas que encontrar.
Repositório: https://github.com/ChromeDevTools/chrome-devtools-mcp. Baseie-se nas instruções oficiais no arquivo README deste repositório para a instalação e execução.
Antes de começar, verifique em qual sistema operacional estamos e se as ferramentas necessárias (ex: Python, Node.js, Git, Docker) estão instaladas. Instale as que faltarem passo a passo de acordo com este sistema.
Crie uma pasta nova e vazia para trabalhar. Não toque em arquivos fora desta pasta e não exclua nada. Antes de executar cada comando, diga o que você vai fazer em uma frase.
Diga-me o que devo ver na tela ao final de cada etapa. Se ocorrer um erro, colarei a mensagem de erro para você exatamente como ela é, e vamos corrigi-la juntos.
Termos relacionados do glossário
Links
A TreScout não desenvolveu esta ferramenta · nós a encontramos nas tendências do GitHub e a apresentamos. Esta página descreve o repositório em 2026-07-03: A contagem de estrelas e o nosso texto são daquele dia, o repositório pode ter mudado desde então. Consulte o link do repositório para ver o estado atual. O texto de apresentação foi preparado com IA a partir da própria documentação do repositório e esta página foi traduzida automaticamente do original em turco · a versão turca é a que vale.