Puedes configurar las Herramientas para desarrolladores de Chrome para que los agentes personalicen la forma en que interactúan con el navegador, qué herramientas están habilitadas y cómo se controlan los datos.
Configura el servidor pasando marcas de línea de comandos en el array args de tu archivo de configuración del cliente del Protocolo de contexto del modelo (MCP). Por lo general, es el archivo config.json.
Por ejemplo, para ejecutar Chrome en modo sin interfaz gráfica y usar el canal Canary, usa la siguiente configuración:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--headless",
"--channel=canary"
]
}
}
}
Situaciones de configuración comunes
En las siguientes situaciones, se describen formas comunes de configurar las Herramientas para desarrolladores de Chrome para agentes.
Ejecutar en modo sin interfaz gráfica
Para realizar tareas en segundo plano sin una ventana del navegador visible, ejecuta Chrome en modo sin interfaz gráfica (sin IU). Agrega la marca --headless a los argumentos del servidor.
Conéctate a una sesión del navegador existente
De forma predeterminada, las Herramientas para desarrolladores para agentes inician una nueva instancia de Chrome. Sin embargo, puedes conectar tu agente a una sesión de navegador existente. Esto es útil si el agente necesita investigar un problema en una sesión que ya iniciaste (por ejemplo, si ya accediste).
Puedes conectarte a una sesión existente de dos maneras:
Conexión automática (Chrome 144 y versiones posteriores)
Si usas la marca --autoConnect, el servidor de MCP se conecta automáticamente a una instancia activa de Chrome.
- En el navegador Chrome en ejecución, navega a
chrome://inspect/#remote-debuggingy habilita Depuración remota. - Agrega
--autoConnecta la configuración del MCP:json "args": ["chrome-devtools-mcp@latest", "--autoConnect"] - Cuando el agente intenta conectarse, Chrome muestra un diálogo en el que se solicita permiso. Haz clic en Permitir.
Conexión manual
Si no puedes usar --autoConnect (por ejemplo, en un entorno de zona de pruebas), puedes iniciar Chrome de forma manual con un puerto de depuración y conectarte con --browser-url.
- Inicia Chrome desde la terminal con la depuración remota habilitada y un directorio de datos del usuario personalizado.
- macOS:
shell /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-profile-stable - Windows:
shell start chrome --remote-debugging-port=9222 --user-data-dir=%TEMP%\chrome-profile-stable - Linux:
shell google-chrome --remote-debugging-port=9222 --user-data-dir=/tmp/chrome-profile-stable
- macOS:
- Configura tu agente para que se conecte a este puerto:
json "args": ["chrome-devtools-mcp@latest", "--browser-url=http://127.0.0.1:9222"]
Referencia de las opciones de configuración
En las siguientes secciones, se enumeran las marcas de configuración disponibles. Para conocer las opciones y actualizaciones más recientes, consulta el repositorio de GitHub de MCP de las Herramientas para desarrolladores de Chrome.
Opciones de conexión
Usa estas opciones para configurar cómo se conecta el servidor a Chrome.
| Marcar | Tipo | Predeterminado | Descripción |
|---|---|---|---|
--autoConnect o --auto-connect |
booleano | false |
Se conecta automáticamente a una instancia de Chrome (144 o posterior) que se ejecuta de forma local. Requiere que se habilite la depuración remota con chrome://inspect/#remote-debugging. |
--browserUrl o --browser-url-u |
string | false |
Conéctate a una instancia de Chrome en ejecución y depurable (por ejemplo, http://127.0.0.1:9222). |
--wsEndpoint o --ws-endpoint-w |
string | false |
Es el extremo de WebSocket para conectarse a una instancia de Chrome en ejecución (por ejemplo, ws://127.0.0.1:9222/devtools/browser/<id>). Es una alternativa a --browserUrl. |
--wsHeaders o --ws-headers |
string | false |
Encabezados personalizados para la conexión WebSocket en formato JSON (por ejemplo, '{"Authorization":"Bearer token"}'). Solo funciona con --wsEndpoint. |
Opciones de inicio del navegador
Estas opciones se aplican cuando el servidor de MCP inicia Chrome.
| Marcar | Tipo | Predeterminado | Descripción |
|---|---|---|---|
--headless |
booleano | false |
Ejecuta Chrome en modo sin interfaz gráfica (sin IU). |
--channel |
string | stable |
Especifica el canal de Chrome que se usará. Opciones: canary, dev, beta y stable. |
--executablePath o --executable-path-e |
string | false |
Es la ruta de acceso a un archivo ejecutable de Chrome personalizado. |
--userDataDir o --user-data-dir |
string | Consulta la descripción | Ruta de acceso al directorio de datos del usuario. El valor predeterminado es $HOME/.cache/chrome-devtools-mcp/chrome-profile$CHANNEL_SUFFIX_IF_NON_STABLE. |
--isolated |
booleano | false |
Crea un directorio de datos del usuario temporal que se limpia automáticamente cuando se cierra el navegador. |
--viewport |
string | false |
Tamaño inicial del viewport (por ejemplo, 1280x720). En el modo sin interfaz gráfica, el tamaño máximo es 3840x2160. |
--proxyServer o --proxy-server |
string | false |
Es la configuración del servidor proxy que se pasó a Chrome. |
--chromeArg o --chrome-arg |
array | false |
Son argumentos adicionales que se pasan a Chrome. |
--ignoreDefaultChromeArg o --ignore-default-chrome-arg |
array | false |
Inhabilita de forma explícita los argumentos predeterminados para Chrome. |
Opciones de seguridad y privacidad
Usa estas opciones para administrar la configuración de seguridad y la privacidad de los datos.
| Marcar | Tipo | Predeterminado | Descripción |
|---|---|---|---|
--acceptInsecureCerts o --accept-insecure-certs |
booleano | false |
Ignora los errores relacionados con los certificados autofirmados y vencidos. Úsala con precaución. |
--blockedUrlPattern o --blocked-url-pattern |
array | false |
Restringe el acceso a la red bloqueando los patrones de URL especificados (usa URLPattern). Bloquea las navegaciones y los recursos secundarios. |
--allowedUrlPattern o --allowed-url-pattern |
array | false |
Restringe el acceso a la red permitiendo solo los patrones de URL especificados. Requiere Chrome 149 o versiones posteriores. |
--redactNetworkHeaders o --redact-network-headers |
booleano | false |
Oculta los encabezados de red sensibles antes de devolverlos al cliente. |
--usageStatistics o --usage-statistics |
booleano | true |
Habilita la recopilación de estadísticas de uso para mejorar la herramienta. También se puede inhabilitar con las variables de entorno CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS o CI. |
--performanceCrux o --performance-crux |
booleano | true |
Envía URLs de los registros de rendimiento a la API de Google CrUX para recuperar datos de la experiencia de usuarios reales. |
Categorías de funciones
Puedes habilitar o inhabilitar grupos de herramientas con estos parámetros.
| Marcar | Tipo | Predeterminado | Descripción |
|---|---|---|---|
--categoryEmulation o --category-emulation |
booleano | true |
Habilita las herramientas relacionadas con la emulación. |
--categoryNetwork o --category-network |
booleano | true |
Habilita las herramientas relacionadas con la red. |
--categoryPerformance o --category-performance |
booleano | true |
Habilita herramientas relacionadas con el rendimiento. |
--categoryExtensions o --category-extensions |
booleano | false |
Habilita las herramientas relacionadas con las extensiones. Solo se admite con conexión de tubería. |
--categoryExperimentalThirdParty o --category-experimental-third-party |
booleano | false |
Habilita las herramientas para desarrolladores de terceros que expone la página inspeccionada. |
--categoryExperimentalWebmcp o --category-experimental-webmcp |
booleano | false |
Habilita la depuración de las herramientas de WebMCP. Requiere Chrome 149 o versiones posteriores con las funciones de WebMCP habilitadas. |
--memoryDebugging o --memory-debugging |
booleano | false |
Habilita las herramientas de depuración de memoria. |
Opciones de captura de pantalla
Usa estas opciones para personalizar la forma en que el agente captura capturas de pantalla.
| Marcar | Tipo | Predeterminado | Descripción |
|---|---|---|---|
--screenshotFormat o --screenshot-format |
string | false |
Anula el formato de salida predeterminado (png). Las opciones son jpeg, png y webp. Los formatos jpeg y webp son más pequeños, lo que ayuda a reducir el tamaño del contexto en las conversaciones con IA. |
--screenshotQuality o --screenshot-quality |
número | false |
Anula la calidad de compresión (0-100) para jpeg y webp. |
--screenshotMaxWidth o --screenshot-max-width |
número | false |
Ancho máximo en píxeles. Las capturas de pantalla más grandes se reducen. |
--screenshotMaxHeight o --screenshot-max-height |
número | false |
Altura máxima en píxeles. Las capturas de pantalla más grandes se reducen. |
Opciones experimentales
Usa estas opciones para habilitar funciones experimentales que están en desarrollo.
| Marcar | Tipo | Predeterminado | Descripción |
|---|---|---|---|
--experimentalPageIdRouting o --experimental-page-id-routing |
booleano | false |
Expone pageId en herramientas con alcance en la página para enrutar solicitudes en sesiones de agentes simultáneas. |
--experimentalDevtools o --experimental-devtools |
booleano | false |
Habilita la automatización en los destinos de DevTools. |
--experimentalVision o --experimental-vision |
booleano | false |
Habilita herramientas basadas en coordenadas (por ejemplo, click_at). Por lo general, requiere un modelo de uso de la computadora que pueda producir coordenadas precisas a partir de capturas de pantalla. |
--experimentalStructuredContent o --experimental-structured-content |
booleano | false |
Genera contenido estructurado con formato. |
--experimentalIncludeAllPages o --experimental-include-all-pages |
booleano | false |
Incluye todo tipo de páginas (por ejemplo, vistas web y páginas en segundo plano). |
--experimentalScreencast o --experimental-screencast |
booleano | false |
Expone herramientas de Screencast (requiere ffmpeg en PATH). |
--experimentalFfmpegPath o --experimental-ffmpeg-path |
string | false |
Ruta de acceso al ejecutable de ffmpeg. |
Otras opciones
Usa estas opciones para configurar el registro o habilitar un conjunto simplificado de herramientas.
| Marcar | Tipo | Predeterminado | Descripción |
|---|---|---|---|
--slim |
booleano | false |
Expone un conjunto reducido de tres herramientas (navegación, ejecución de secuencias de comandos y capturas de pantalla). Es útil para tareas básicas del navegador. |
--logFile o --log-file |
string | false |
Ruta de acceso a un archivo en el que se escribirán los registros de depuración. |
Variables de entorno
También puedes usar las siguientes variables de entorno para configurar el servidor:
CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS: Si se configura, inhabilita la recopilación de estadísticas de uso (equivalente a--no-usage-statistics).CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS: Si se configura, inhabilita las verificaciones periódicas de actualizaciones.CI: Si se configura, inhabilita la recopilación de estadísticas de uso.DEBUG: Se establece en*para habilitar el registro de depuración detallado (funciona en conjunto con--logFile).