Chrome MCP Server — Automatización del navegador y DevTools para agentes de IA
Instala servidores Chrome MCP para darles a tus agentes de IA control total del navegador: navega páginas, extrae contenido, ejecuta JavaScript, interactúa con DevTools y automatiza flujos web. Varias implementaciones para distintos casos de uso.
Instalar el servidor MCP Chrome
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-puppeteer"]
}
}
}Chrome MCP Server — Extension-Based Browser MCP
mcp-chrome turns Chrome into an MCP server via an extension + bridge. Install mcp-chrome-bridge, load the extension, then connect to 127.0.0.1:12306/mcp.
Chrome MCP Background Proxy — Fix Popups, Focus Stealing & Multi-Agent Conflicts
Persistent CDP proxy + entry script that lets chrome-devtools-mcp run against your real, logged-in Chrome without the Chrome 146+ consent popup spamming on every connection, without focus stealing (Target.activateTarget / Page.bringToFront are intercepted, createTarget is forced to background), and without request-ID / event collisions when multiple Claude Code windows or sub-agents share one Chrome. Includes the proxy core (cdp-proxy.mjs v3), entry script, safe cleanup, pre-flight healthcheck, and a launchd-style self-healing watchdog with Feishu alerts.
Codex Chrome MCP Proxy v3
Sanitized public Chrome MCP bundle for Codex: persistent CDP proxy, real Chrome login-state control, background tabs, focus protection, multi-agent isolation, and cached chrome-devtools-mcp startup fallback.
Multi-Platform Social Media Growth Skill for Developer Communities
Production-tested Claude Code skill for automating authentic developer engagement across 10+ platforms (Twitter, Bluesky, Dev.to, HN, Reddit, GitHub, Product Hunt, Hashnode, Medium, Quora). Includes rotation queue, per-platform cooldowns, action diversity rules, Chrome MCP toolchain with JS injection patterns, anti-ban safety, and continuous optimization framework. Battle-tested across 30+ cycles.
Chrome MCP Operations Runbook — Iron Rules, Architecture & Troubleshooting
Operations skill for running chrome-devtools-mcp against your real Chrome at scale. Covers the proxy architecture, five iron rules (always-via-proxy, real-browser-only, no-env-proxy, never-kill-current-session, persistent-proxy), Chrome 146+ remote-debug popup workaround, multi-agent isolation guarantees, configuration recipes for ~/.mcp.json and ~/.claude/settings.json (with the 'no glob in permissions' gotcha), step-by-step troubleshooting flow, and four field notes from real incidents — port cleanup heuristics that backfire, protocol-layer hang detection, why 'newest = keep' is wrong, and why heavy pages need filePath-first take_snapshot to avoid 25k token overflow. Pairs with the 'Chrome MCP Background Proxy' script bundle.
Multi-Browser MCP Proxies — Arc Browser & Chrome Beta Variants
Companion to 'Chrome MCP Background Proxy' for running parallel, isolated MCP fleets against Arc Browser and Chrome Beta on top of the same cdp-proxy.mjs. Arc-specific proxy auto-discovers the WebSocket path from /json/version (Arc doesn't write a DevToolsActivePort file in the standard location); Chrome Beta proxy points at Beta's own DevToolsActivePort. Lets you run mcp__chrome__*, mcp__beta__*, and mcp__arc__* side-by-side with independent client state and no cross-talk.
Chrome DevTools MCP — Browser Debugging for AI Agents
Give your AI coding agent full access to Chrome DevTools for browser automation, debugging, and performance analysis. Works with Claude, Cursor, Copilot, and 15+ AI tools.
Puppeteer MCP — Headless Chrome Server for AI Agents
MCP server wrapping Google Puppeteer for headless Chrome automation. Navigate pages, screenshot, generate PDFs, scrape SPAs, and test web apps through AI agent commands. 2,000+ stars.
Chrome Fleet — Multi-Agent Browser Pool with Shared Login State
Multi-agent control plane for chrome-devtools-mcp. Two modes: (1) shared main Chrome — N CDP proxies on 9401/9402/9403... all multiplexing onto one logged-in Chrome :9222 so every agent inherits your real cookies/extensions, with focus protection and ID isolation handled by cdp-proxy.mjs; (2) isolated agent Chromes — dedicated Chrome instance per agent on :930N with its own user-data-dir for multi-account / persona-isolation testing. Includes a status tool to inspect the running fleet.
Surf CLI — Control Chrome for AI Agents (No MCP)
Surf CLI lets agents control Chrome via a local extension + native host, offering agent-agnostic browser control without running an MCP server.
bb-browser — Browser-as-API CLI + MCP Server
Use your real Chrome login state as an API: bb-browser provides a CLI + MCP server with 103 commands across 36 platforms (Twitter/Reddit/YouTube/etc.).
Control total del navegador para agentes de IA
El ecosistema Chrome MCP server da a los agentes de IA la capacidad de ver e interactuar con la web. Hay varias implementaciones optimizadas para distintos flujos: Puppeteer MCP (automatización headless — scraping, tests, capturas), Chrome DevTools MCP (conexión a tu sesión de navegador en vivo para depurar) y Chrome MCP Proxy (operación en segundo plano sin popups que roban el foco).
Para desarrolladores, el caso de uso más transformador es el debugging asistido por IA. Apunta el DevTools MCP a tu app en ejecución, describe el bug y el Agente puede inspeccionar el DOM, leer errores de consola, comprobar peticiones de red, analizar perfiles de rendimiento y sugerir arreglos — todo sin tocar el inspector de Chrome. Para equipos QA, Puppeteer MCP permite la generación de tests dirigida por IA: el Agente navega tu app, identifica elementos interactivos y escribe tests end-to-end.
Para scraping web y extracción de datos, los servidores Chrome MCP manejan sitios cargados de JavaScript que los scrapers estáticos no alcanzan. El Agente puede navegar SPAs, esperar contenido dinámico, extraer datos estructurados y manejar paginación. Explora el directorio completo de herramientas de automatización de navegador para alternativas a Playwright, y mira las herramientas de web scraping para frameworks de extracción complementarios. Para flujos de testing, consulta las herramientas de testing IA en TokRepo.
La web es la mayor API del mundo. Chrome MCP es como los agentes de IA la llaman.
Preguntas frecuentes
¿Qué servidores Chrome MCP están disponibles?+
Tres opciones principales: (1) Puppeteer MCP (@modelcontextprotocol/server-puppeteer) — Chrome headless para automatización, scraping y testing. (2) Chrome DevTools MCP — se conecta a una instancia de Chrome en ejecución vía DevTools Protocol para debugging en vivo. (3) Chrome MCP Proxy — ejecuta Chrome en segundo plano sin robar el foco, ideal para tareas de agente de larga duración. Elige según tu caso de uso.
¿Qué Chrome MCP instalar primero?+
Empieza con Puppeteer MCP — es la implementación oficial de referencia, no requiere configuración (descarga su propio Chromium) y cubre los casos más comunes: navegar páginas, capturar pantallas, extraer contenido, rellenar formularios y hacer clics. Pasa a DevTools MCP solo si necesitas depurar una sesión de navegador en vivo.
¿Chrome MCP maneja SPAs cargadas de JavaScript?+
Sí. A diferencia de scrapers HTTP estáticos, Chrome MCP ejecuta un motor de navegador real. Ejecuta JavaScript, renderiza apps React/Vue/Angular, espera a que terminen las llamadas API e interactúa con el DOM completamente renderizado. El Agente puede esperar a que aparezcan elementos específicos, manejar scroll infinito y navegar el routing client-side.
¿Funciona con sitios que requieren login?+
Sí. El Agente puede rellenar formularios de login, manejar redirecciones OAuth y mantener cookies entre navegaciones. Para DevTools MCP conectado a tu navegador real, usa tu sesión existente — no necesita login. Para Puppeteer, puedes pasar cookies o hacer que el Agente inicie sesión al comienzo de cada sesión. Evita almacenar credenciales en configs MCP — usa variables de entorno.
¿Pueden los agentes de IA escribir tests de navegador con Chrome MCP?+
Sí. Un patrón común: instalas Puppeteer MCP, apuntas el Agente a la URL de tu app y le pides «escribe tests end-to-end para el flujo de checkout». El Agente navega la app, identifica formularios y botones, escribe scripts de test Playwright o Puppeteer e incluso puede ejecutarlos para verificar que pasan. Mucho más rápido que escribir tests de navegador a mano.