ASD

Chrome DevTools

ChromeDevToolschrome-devtools-mcp

Conecta a tu agente de codificación con una instancia real de Chrome para automatizar acciones, inspeccionar el DOM y analizar rendimiento y red.

stdio
SolicitaCHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICSCHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS
Estrellas
49.1k

del repositorio

Actualizado
ayer

último commit

Herramientas
12

expuestas al agente

Transporte
stdio

cómo conecta

Forks
3.4k
Issues
114

abiertos

Instalación

npx -y chrome-devtools-mcp@latest

Qué es Chrome DevTools

Chrome DevTools MCP le da a tu agente (Antigravity, Claude, Cursor, Copilot, etc.) control directo sobre un navegador Chrome real, usando Puppeteer por debajo para automatizar acciones con espera automática de resultados. No es un simulador: el agente manipula la misma pila de DevTools que usarías tú manualmente, así que puede tomar capturas de pantalla, leer mensajes de consola con stack traces mapeados a fuente, inspeccionar peticiones de red y grabar trazas de rendimiento para extraer insights accionables.

El servidor arranca el navegador automáticamente en cuanto el agente invoca una herramienta que lo requiere; también puedes conectarlo a una instancia de Chrome ya en ejecución (vía --browser-url, --ws-endpoint o --autoConnect en Chrome 144+), lo cual es útil dentro de entornos aislados o cuando necesitas mantener sesión iniciada. Por defecto reutiliza un perfil de usuario persistente en disco, pero con --isolated crea uno temporal que se limpia solo.

Además de las herramientas básicas de navegación y entrada, expone categorías opcionales activables por flag: depuración de memoria con heap snapshots, extensiones de Chrome, apps web progresivas (PWA), herramientas de terceros expuestas por la propia página, y WebMCP. También trae un modo --slim con solo tres herramientas esenciales para tareas básicas.

Instalación mínima: Node.js LTS, Chrome estable y npm; se lanza con npx chrome-devtools-mcp@latest desde el cliente MCP que elijas.

Qué le permite hacer a tu agente

  • Automatiza clics, formularios, arrastre, subida de archivos y navegación entre pestañas usando Puppeteer con espera automática de resultados
  • Graba trazas de rendimiento y analiza insights accionables, incluyendo datos de campo reales vía la API CrUX de Google
  • Inspecciona peticiones de red, mensajes de consola con stack traces mapeados a fuente y toma capturas de pantalla o snapshots del DOM
  • Permite conectarse a una instancia de Chrome ya en ejecución en lugar de lanzar una nueva, útil para mantener sesión iniciada o trabajar en entornos aislados
  • Ofrece herramientas opcionales de depuración de memoria (heap snapshots), gestión de extensiones y automatización de PWAs

Úsalo cuando

  • Necesitas que un agente de codificación pruebe o depure una página web real de forma automatizada, no simulada
  • Quieres diagnosticar problemas de rendimiento de un sitio combinando datos de laboratorio y de usuarios reales
  • El agente debe interactuar con una sesión de Chrome ya autenticada o correr dentro de un entorno sandbox sin poder lanzar su propio navegador
  • Buscas dar a un asistente de código la capacidad de tomar capturas, leer consola o auditar con Lighthouse durante el desarrollo

Herramientas que expone

Los nombres que el agente ve al conectarse.

  • click
  • drag
  • fill
  • fill_form
  • hover
  • press_key
  • type_text
  • navigate_page
  • performance_start_trace
  • performance_stop_trace
  • take_screenshot
  • list_network_requests

Antes de conectarlo

Este servidor lee sus credenciales del entorno. Tenlas a mano antes de añadirlo a tu cliente MCP.

Variables de entorno:CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICSCHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS

Detalles

Publicado por
ChromeDevTools
Categoría
Testing y QA
Licencia
Apache-2.0
Versión
chrome-devtools-mcp-v1.7.0
Transporte
stdio

Etiquetas

  • navegador
  • automatizacion-web
  • depuracion
  • rendimiento
  • chrome

¿Este servidor es tuyo? Reclama el listado para corregir cualquier dato, añadir un logo y enlazar tu documentación.

Más servidores de Testing y QA

Conecta a un agente con un navegador real vía Playwright para navegar, hacer clic, rellenar formularios y leer páginas mediante snapshots de accesibilidad.

Herramientas expuestas
12 herramientas
Transporte
stdio · http · sse
Último commit
ayer
Credenciales
testing qa

Controla apps nativas de iOS y Android en simuladores, emuladores o dispositivos reales mediante snapshots de accesibilidad o taps por coordenadas.

Herramientas expuestas
12 herramientas
Transporte
stdio · sse
Último commit
hace 5 días
Credenciales
testing qa

Controla un navegador real vía Playwright desde tu agente: navega, hace scraping, toma capturas y ejecuta JavaScript en páginas web.

Herramientas expuestas
1 herramienta
Transporte
stdio · http · sse
Último commit
hace 8 meses
Credenciales
testing qa

Ver toda la categoría →