Repolode
Enviar
ChromeDevTools

ChromeDevTools/chrome-devtools-mcp

Un servidor MCP que permite a agentes de programación controlar e inspeccionar un navegador Chrome en ejecución con Chrome DevTools para depurar y analizar el rendimiento.

Ver en GitHubSitio web
Estrellas
53,868
Forks
7,035
Issues abiertos
152
Último commit
hace 13 horas

¿Qué es?

Chrome DevTools para agentes (chrome-devtools-mcp) es un servidor de Model Context Protocol que da acceso a un navegador Chrome en ejecución a asistentes de programación con IA como Claude, Cursor, Copilot y Antigravity. Con él, un agente puede controlar páginas, tomar capturas de pantalla, leer solicitudes de red y mensajes de la consola con trazas de pila con mapas de origen, y registrar trazas de rendimiento.

El servidor está basado en Chrome DevTools y utiliza Puppeteer para automatizar acciones y esperar a que terminen. El navegador se inicia automáticamente cuando un cliente llama a una herramienta que lo necesita. También incluye una CLI para usarlo sin MCP y un modo ligero que ofrece un conjunto reducido de herramientas básicas para el navegador, con la opción de ejecutarlo en modo headless.

El proyecto ofrece soporte oficial para Google Chrome y Chrome for Testing. Como el servidor expone el contenido del navegador al cliente conectado, puede leer y modificar cualquier dato del navegador, por lo que se deben evitar las páginas sensibles. La recopilación de estadísticas de uso está activada de forma predeterminada y se puede desactivar con un flag o una variable de entorno.

Funciones clave

  • 01Registra trazas de rendimiento y extrae conclusiones prácticas con Chrome DevTools.
  • 02Inspecciona solicitudes de red, toma capturas de pantalla y lee mensajes de la consola con trazas de pila con mapas de origen.
  • 03Automatiza acciones en el navegador con Puppeteer y espera automáticamente a que terminen.
  • 04Ofrece un modo ligero con herramientas básicas y una opción headless.
  • 05Incluye una CLI para usarlo sin MCP.

Casos de uso

  • Permitir que un asistente de programación con IA depure errores de la consola y fallos de red de una página web.
  • Realizar auditorías de rendimiento de un sitio y obtener recomendaciones basadas en trazas.
  • Automatizar pruebas del navegador controladas por un agente durante el desarrollo.
  • Integrar un subagente de navegador en herramientas agénticas.

Inicio rápido

  1. 1

    Instala Node.js LTS y Chrome (la versión estable actual)

  2. 2

    Añade la configuración del servidor MCP a tu cliente MCP

    npx -y chrome-devtools-mcp@latest
  3. 3

    Introduce el prompt de prueba en tu cliente MCP para comprobar que funciona

Antes de usarlo

  • Solo se ofrece compatibilidad oficial con Google Chrome y Chrome for Testing; no se garantiza el funcionamiento con otros navegadores basados en Chromium.
  • Las herramientas pueden exponer todos los datos del navegador al cliente MCP, así que evita compartir información confidencial.
  • La recopilación de estadísticas de uso está activada de forma predeterminada y debes excluirte mediante una opción o una variable de entorno.

Temas

#mcp#browser#chrome-devtools#debugging#puppeteer#ai-agent#performance#chrome#devtools#mcp-server

Preguntas frecuentes

¿Qué es chrome-devtools-mcp?
Un servidor MCP que permite a agentes de programación controlar e inspeccionar un navegador Chrome en ejecución con Chrome DevTools para depurar y analizar el rendimiento. Chrome DevTools para agentes (chrome-devtools-mcp) es un servidor de Model Context Protocol que da acceso a un navegador Chrome en ejecución a asistentes de programación con IA como Claude, Cursor, Copilot y Antigravity. Con él, un agente puede controlar páginas, tomar capturas de pantalla, leer solicitudes de red y mensajes de la consola con trazas de pila con mapas de origen, y registrar trazas de rendimiento.
¿chrome-devtools-mcp es gratuito? ¿Qué licencia tiene?
chrome-devtools-mcp es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿chrome-devtools-mcp sigue mantenido?
Mantenimiento activo. El último commit de chrome-devtools-mcp fue el 19 oct 2026.
¿Para qué puedo usar chrome-devtools-mcp?
Permitir que un asistente de programación con IA depure errores de la consola y fallos de red de una página web. Realizar auditorías de rendimiento de un sitio y obtener recomendaciones basadas en trazas. Automatizar pruebas del navegador controladas por un agente durante el desarrollo. Integrar un subagente de navegador en herramientas agénticas.
¿Cómo se instala chrome-devtools-mcp?
Instala Node.js LTS y Chrome (la versión estable actual) Añade la configuración del servidor MCP a tu cliente MCP: npx -y chrome-devtools-mcp@latest Introduce el prompt de prueba en tu cliente MCP para comprobar que funciona
¿Dónde consigo chrome-devtools-mcp?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/ChromeDevTools/chrome-devtools-mcp

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados