Servidor MCP Oficial

Chrome DevTools MCP

Permite a tu agente controlar e inspeccionar un Chrome en vivo: trazas, red, consola y automatización.

Autor
Chrome DevTools (Google)
Funciona con
Any MCP client, Claude Code, Cursor
Licencia
Apache-2.0
Documentado
Oct 2, 2026

Qué es Chrome DevTools MCP

chrome-devtools-mcp es un servidor MCP que da a los agentes de código acceso a Chrome DevTools para automatización, depuración y análisis de rendimiento. Usa puppeteer para una automatización fiable. También incluye una CLI para usarlo sin MCP.

Qué hace

Cómo se integra Chrome DevTools MCP: qué agentes lo ejecutan y qué añadeSE EJECUTA ENTu agenteClaude CodeCursorAny MCP client3 hosts documentadosMCP SERVER · OFICIALChrome DevTools MCPConecta el agente con herramienta…4 pasos de instalación1 nota de permisoslicencia: Apache-2.0LO QUE AÑADEQué haceGraba trazas de rendimiento y ext…Analiza solicitudes de red y lee…Toma capturas de pantallaAutomatiza acciones de Chrome con…agente → extensión → nueva capacidad · desde el repositorio o la documentación oficial
Dónde se ejecuta Chrome DevTools MCP y qué añade, según su documentación
  • Graba trazas de rendimiento y extrae conclusiones
  • Analiza solicitudes de red y lee mensajes de la consola con stack traces con source maps
  • Toma capturas de pantalla
  • Automatiza acciones de Chrome con puppeteer y espera automática
  • Modo reducido para tareas básicas del navegador (--slim)

Cuándo usarla

Buen encaje

  • Depurar el rendimiento de una página web con un agente
  • Dejar que un agente verifique cambios de interfaz en un navegador real
  • Inspeccionar errores de consola y de red

No apto para

  • Navegadores distintos de Chrome (solo se admiten oficialmente Chrome y Chrome for Testing)
  • Sesiones con datos sensibles que no quieras exponer al cliente MCP

Cómo instalar Chrome DevTools MCP

Necesitas: Node.js LTS; Chrome estable actual o más reciente; npm

  1. Asegúrate de tener instalados Node.js LTS, npm y la versión estable actual de Chrome
  2. Añade la configuración a tu cliente MCP
  3. Consulta la guía de configuraciones de clientes para Claude Code, Cursor, VS Code
  4. Prueba con: Check the performance of https://developers.chrome.com
Ejemplo de configuración (de la documentación oficial)
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

Permisos y seguridad

A qué puede acceder

  • Inspeccionar, depurar y modificar cualquier dato en la instancia de navegador controlada o en DevTools

Notas de seguridad de los responsables

  • Evita compartir información sensible con los clientes MCP
  • Las herramientas de rendimiento pueden enviar URL de trazas a la API CrUX de Google; desactívalo con --no-performance-crux
  • Las estadísticas de uso están activadas por defecto; desactívalas con --no-usage-statistics o las variables de entorno CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS/CI; las comprobaciones de actualización se desactivan con CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS

Revisa el código fuente antes de dar a un agente acceso a credenciales o sistemas de producción. Documentamos lo que declaran los responsables; no auditamos el código.

Limitaciones

  • Otros navegadores Chromium pueden funcionar, pero no está garantizado
  • El navegador solo se inicia cuando se usa una herramienta que lo necesita

Herramientas que extiende

Claude Code

Web · Desktop

Aún no hay reseñas de usuarios

Herramienta de programación agéntica de Anthropic que lee tu código, edita archivos y ejecuta comandos desde la terminal, IDE, escritorio o navegador.

El plan gratis termina en: Sin nivel gratuito: Claude Code está incluido en las suscripciones de pago de Claude (Pro, Max, Team, Enterpr…

Listed Aún sin reseñar

Verificado code.claude.com (abre el sitio web de Claude Code en una pestaña nueva)

Desde $20/mo EE. UU. · revisado Sep 29

Preguntas frecuentes

¿Chrome DevTools MCP recopila datos de uso?

Sí, Google recopila estadísticas de uso por defecto; desactívalo con --no-usage-statistics. fuente

¿Qué navegadores admite Chrome DevTools MCP?

Google Chrome y Chrome for Testing de forma oficial; otros navegadores Chromium no están garantizados. fuente

¿Cómo instalo Chrome DevTools MCP?

Añade un servidor que ejecute npx -y chrome-devtools-mcp@latest a la configuración de tu cliente MCP. fuente

¿Chrome DevTools MCP envía URL a Google?

Las herramientas de rendimiento pueden enviar URL de trazas a la API CrUX; desactívalo con --no-performance-crux. fuente

Guías relacionadas

Fuentes y lagunas

No indicado por los responsables: Fecha del último release; No se obtuvo la lista completa de herramientas de tool-reference.md.

Más extensiones para ver