BeClaude

chrome-devtools-mcp

43.7kOfficial PluginDevelopmentby Anthropic

Control and inspect a live Chrome browser from your coding agent. Record performance traces, analyze network requests, check console messages with source-mapped stack traces, and automate browser actions with Puppeteer.

TypeScript2813 forks94 issuesUpdated 6/16/2026First seen 4/17/2026

Install & Usage

1
Open your MCP config
~/.claude.json
2
Add the server config

Add the configuration to "mcpServers": { "chrome-devtools-mcp": { "command": "...", "args": [] } }

3
Restart Claude Code
/mcp
View source on GitHub
mcpagentbrowserchromechrome-devtoolsdebuggingdevtoolsmcp-serverpuppeteer

Security Audits

LicenseUnknownSourcePassRepositoryPass

Frequently Asked Questions

What is chrome-devtools-mcp?

Control and inspect a live Chrome browser from your coding agent. Record performance traces, analyze network requests, check console messages with source-mapped stack traces, and automate browser actions with Puppeteer.

How to install chrome-devtools-mcp?

To install chrome-devtools-mcp: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "chrome-devtools-mcp": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

What is chrome-devtools-mcp best for?

chrome-devtools-mcp is a mcp categorized under Development. It is designed for: mcp, agent. Created by Anthropic.