Chrome DevTools MCP: evidencia real, alcance explícito y verificación
Configurar Chrome DevTools MCP: runtime, perfil, archivos y controles de datos
Separa configuración y arranque del navegador y no supongas que el CLI experimental hereda los valores MCP.
Qué aprenderás
- Comprobar el entorno que usa el cliente
- Explicitar perfil y alcance de archivos
- Revisar controles independientes
Antes de empezar
- Consola y red del navegador básicas
- Argumentos CLI y configuración de clientes locales
Planificar una investigación acotada y separar valores de interfaz, éxito operativo y aceptación integral.
Conclusiones clave
- Importa el entorno ejecutable real del cliente.
- Los valores de perfiles y archivos CLI/MCP no son intercambiables.
- Estadísticas, CrUX y actualizaciones se controlan por separado.
Comprobar el entorno que usa el cliente
El README exige Node.js LTS, npm y Chrome compatible. La guía de problemas recuerda que un cliente iniciado por un IDE puede usar rutas distintas del terminal. Que funcione allí no demuestra que el cliente lance el mismo ejecutable.
El README muestra npx con latest; un entorno repetible debe registrar versión instalada o elegir una edición deliberadamente. El commit de este artículo fija la evidencia, no la versión npm del lector. No instalamos el paquete.
Explicitar perfil y alcance de archivos
MCP y CLI tienen valores diferentes. La guía del servidor describe un perfil dedicado persistente salvo aislamiento; el CLI documenta modo headless y temporal por defecto, sujetos a userDataDir y conexión existente. Adjuntar un navegador no implica crear uno aislado nuevo.
Sin raíces negociadas, la escritura MCP se limita por defecto al directorio temporal según la guía. El CLI documenta acceso de archivos sin restricciones salvo workspace explícito. Define el espacio de práctica en vez de confiar en los valores de otra interfaz.
Revisar controles independientes
El ejemplo solicita aislamiento, workspace, exclusión de estadísticas y CrUX desactivado. Métricas del navegador, estadísticas de la herramienta y envío de URLs no son un único interruptor. La consulta de actualizaciones también tiene su propia opción de entorno.
Conectar el cliente no necesariamente abre Chrome: el README dice que se inicia cuando una herramienta lo requiere. Configura y después verifica con una prueba autorizada. El ejemplo no es evidencia de instalación, autenticación o arranque real.
Cómo elegir
| Criterio | Opción A | Opción B |
|---|---|---|
| Best when | You need predictable behavior and easy auditing | You need adaptive optimization and have reliable telemetry |
| Main risk | May leave performance on the table | Can become difficult to explain or debug |
Pasos de implementación
- 1
Registra runtime y versión elegida.
- 2
Selecciona perfil dedicado y workspace.
- 3
Revisa controles independientes de datos.
- 4
Verifica arranque con una prueba autorizada.
Ejemplo para copiar
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--isolated",
"--workspace=./browser-practice",
"--no-usage-statistics",
"--no-performance-crux"
],
"env": {
"CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS": "1"
}
}
}
}Preguntas frecuentes
¿Conectar MCP abre Chrome inmediatamente?
El README indica arranque cuando una herramienta necesita el navegador.
¿Desactivar métricas de Chrome desactiva estadísticas de esta herramienta?
No. Son configuraciones independientes.
Fuentes
- Chrome DevTools MCP / README.mdFuente verificada 2026-09-14
- Chrome DevTools MCP / docs/configuration.mdFuente verificada 2026-09-14
- Chrome DevTools MCP / docs/cli.mdFuente verificada 2026-09-14
- Chrome DevTools MCP / docs/troubleshooting.mdFuente verificada 2026-09-14