chrome-devtools-mcp
Chrome DevTools for coding agents
The chrome-devtools-mcp AI sub-agent is a Model Context Protocol server that grants AI coding assistants complete access to Chrome DevTools functionality for browser automation, debugging, and performance analysis. It leverages Puppeteer for reliable browser automation and the full Chrome DevTools suite for deep inspection capabilities including network monitoring, console debugging with source maps, and performance trace recording. Developers connect it to MCP-compatible clients like Claude Desktop, Cursor, VS Code Copilot, or Windsurf to enable their AI assistants to control and debug live Chrome instances.
Key Features
Use Cases
- 01Debugging web applications by analyzing network traffic, console errors, and runtime behavior through AI assistants
- 02Automated performance audits capturing traces and extracting actionable optimization insights
- 03End-to-end browser testing where AI agents fill forms, click elements, and validate UI behavior
- 04Memory leak investigation using heap snapshots and retention path analysis
- 05Progressive Web App testing and automation workflows
- 06Cross-browser compatibility testing with different Chrome channels (stable, beta, dev, canary)
Related MCP Servers
View moremarkitdown
Python tool for converting files and office documents to Markdown.
firecrawl
The context API to search, scrape, and interact with the web at scale. 🔥
prompts.chat
f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.
langflow
Langflow is a powerful tool for building and deploying AI-powered agents and workflows.
chrome-devtools-mcp — FAQ
What is chrome-devtools-mcp?+
chrome-devtools-mcp is a Model Context Protocol server that enables AI coding assistants to control and inspect live Chrome browser instances using the full Chrome DevTools API, including automation, debugging, performance analysis, and network monitoring.
How do I install chrome-devtools-mcp in my MCP client?+
Add the server configuration to your MCP client's config file with command 'npx' and args '['-y', 'chrome-devtools-mcp@latest']'. Most clients like Claude Desktop, Cursor, and VS Code support adding it through their settings UI or via CLI commands like 'code --add-mcp' or 'cursor mcp add'.
Which AI clients support chrome-devtools-mcp?+
It works with any MCP-compatible client including Claude Desktop, Claude Code, Cursor, VS Code Copilot, Windsurf, Cline, Antigravity, Gemini CLI, JetBrains AI Assistant, Devin CLI, and many others listed in the documentation.
Does chrome-devtools-mcp require API keys or special permissions?+
No API keys are required. You need Node.js LTS, npm, and Chrome stable or newer installed locally. The server launches and controls Chrome directly on your machine.
Is chrome-devtools-mcp free to use?+
Yes, chrome-devtools-mcp is free and open source. Google does collect opt-out usage statistics by default, which you can disable with the --no-usage-statistics flag.
Can I connect chrome-devtools-mcp to an already-running Chrome instance?+
Yes, use the --browser-url flag (e.g., 'http://127.0.0.1:9222') or --ws-endpoint flag to connect to a Chrome instance running with remote debugging enabled. This is useful when working with tools like Antigravity that manage their own browser.
How do I install chrome-devtools-mcp?+
Open the source repository on GitHub and follow its README. chrome-devtools-mcp is a mcp server — MCP Agents Market links you directly to the official repo.
Is chrome-devtools-mcp free?+
chrome-devtools-mcp is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.