Chrome MCP Server — Browser Automation & DevTools for AI Agents
Install Chrome MCP servers to give AI agents full browser control — navigate pages, extract content, run JavaScript, interact with DevTools, and automate web workflows. Multiple implementations for different use cases.
Install Chrome MCP Server
{
"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.).
Full browser control for AI agents
The Chrome MCP server ecosystem gives AI agents the ability to see and interact with the web. There are multiple implementations optimized for different workflows: Puppeteer MCP (headless automation — scraping, testing, screenshots), Chrome DevTools MCP (connect to your live browser session for debugging), and Chrome MCP Proxy (background operation without focus-stealing popups).
For developers, the most transformative use case is AI-assisted debugging. Point the DevTools MCP at your running app, describe the bug, and the agent can inspect the DOM, read console errors, check network requests, analyze performance profiles, and suggest fixes — all without you touching the Chrome inspector. For QA teams, Puppeteer MCP enables AI-driven test generation: the agent navigates your app, identifies interactive elements, and writes end-to-end tests.
For web scraping and data extraction, Chrome MCP servers handle JavaScript-heavy sites that static scrapers can't reach. The agent can navigate SPAs, wait for dynamic content, extract structured data, and handle pagination. Browse the full browser automation tools directory for Playwright alternatives, and see web scraping tools for complementary extraction frameworks. For testing workflows, check AI testing tools on TokRepo.
The web is the world's largest API. Chrome MCP is how AI agents call it.
Frequently Asked Questions
What Chrome MCP servers are available?+
Three main options: (1) Puppeteer MCP (@modelcontextprotocol/server-puppeteer) — headless Chrome for automation, scraping, and testing. (2) Chrome DevTools MCP — connects to a running Chrome instance via the DevTools Protocol for live debugging. (3) Chrome MCP Proxy — runs Chrome in the background without focus-stealing, ideal for long-running agent tasks. Choose based on your use case.
Which Chrome MCP should I install first?+
Start with Puppeteer MCP — it's the official reference implementation, requires zero setup (downloads its own Chromium), and handles the most common use cases: navigating pages, taking screenshots, extracting content, filling forms, and clicking elements. Upgrade to DevTools MCP only if you need to debug a live browser session.
Can Chrome MCP handle JavaScript-heavy single-page apps?+
Yes. Unlike static HTTP scrapers, Chrome MCP runs a real browser engine. It executes JavaScript, renders React/Vue/Angular apps, waits for API calls to complete, and interacts with the fully rendered DOM. The agent can wait for specific elements to appear, handle infinite scroll, and navigate client-side routing.
Does it work with sites that require login?+
Yes. The agent can fill login forms, handle OAuth redirects, and maintain cookies across page navigations. For DevTools MCP connected to your real browser, it uses your existing session — no login needed. For Puppeteer, you can pass cookies or have the agent log in at the start of each session. Avoid storing credentials in MCP configs — use environment variables.
Can AI agents write browser tests with Chrome MCP?+
Yes. A common pattern: install Puppeteer MCP, point the agent at your app URL, and ask it to 'write end-to-end tests for the checkout flow.' The agent navigates the app, identifies forms and buttons, writes Playwright or Puppeteer test scripts, and can even run them to verify they pass. Much faster than writing browser tests manually.