Developer tools#Browser automation
Chrome DevTools MCP: DevTools access for coding agents
From the Chrome DevTools team: agents record performance traces, inspect network requests and source-mapped console errors, run Lighthouse, read heap snapshots.
Project and installation docs
View projecthttps://github.com/ChromeDevTools/chrome-devtools-mcp
When a front-end bug shows up, a coding agent usually sees only the error text you paste in. Why the page is slow, which request failed, where the console stack trace points: all of that stays out of view. Chrome DevTools MCP lets the agent control and inspect a live Chrome and debug with DevTools itself: record a trace, watch the network, read the console. The Chrome DevTools team maintains it, and it had about 53k stars as of 2026-10-06.
What it does
- Performance:
performance_start_traceandperformance_stop_tracerecord a trace,performance_analyze_insightextracts actionable findings, andlighthouse_auditruns Lighthouse. - Network and console:
list_network_requestsshows requests,list_console_messagesreturns console output with source-mapped stack traces, andevaluate_scriptruns code in the page. - Memory: more than a dozen tools such as
take_heapsnapshot,compare_heapsnapshotsandget_heapsnapshot_retaining_pathshelp track down leaks. - Page actions: Puppeteer-based clicks, form fills, navigation and screenshots that wait for results automatically.
- Slim mode:
--slimexposes a smaller tool set for basic browsing, which saves context.
Who it’s for
- Developers asking Claude Code, Cursor or Gemini CLI to fix front-end bugs, who need the agent to see the network and console for itself.
- Teams doing performance work who want the agent to record a trace and propose concrete fixes.
Setup
Needs Node.js LTS and current stable Chrome. In Claude Code:
claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
Other clients:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}
Our take
It overlaps with Playwright MCP, but the emphasis differs: Playwright MCP is built for driving pages by structure, while Chrome DevTools MCP shines at debugging and performance, with traces, network data and heap snapshots that Playwright MCP doesn’t offer. Know a few things up front. It exposes browser content to the MCP client, so keep it away from a profile signed in to personal accounts. Google collects tool usage statistics by default; --no-usage-statistics turns that off. Performance tools may send trace URLs to the Google CrUX API for field data; --no-performance-crux disables it. Only Chrome and Chrome for Testing are officially supported. Licensed Apache-2.0.