#2 · of 445 · by weekly downloadsMCP server
Chrome DevTools MCP
Drives and inspects a live Chrome instance through the DevTools protocol.
Rank
#2
of 445 · by weekly downloads
Weekly downloads
3.1M
npm + PyPI, last 7 days
Add it to your client
OfficialInstall
npx -y chrome-devtools-mcp@latest
mcpServers
{
"mcpServers": {
"chrome-devtools-mcp": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest"
]
}
}
}- Transport
- stdio
- Runtime
- Node
- Auth
- Not required
- License
- Apache-2.0
Tools
navigate_pageclickfill_formtake_snapshottake_screenshotlist_console_messageslist_network_requestsget_network_requestperformance_start_traceperformance_stop_traceperformance_analyze_insightlighthouse_audit+2
Chrome DevTools MCP lets a coding agent read what DevTools records: console messages with source-mapped stack traces, the network log and performance traces. After a change, the agent can reload the page in Chrome, record a trace and look at the LCP breakdown or a failed request's headers before it proposes a fix.
Setup
npx -y chrome-devtools-mcp@latest runs over stdio with no account; it needs Node.js LTS and current stable Chrome. In Claude Code: claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest. By default it launches its own Chrome with a dedicated profile.
--browser-url=http://127.0.0.1:9222attaches to a Chrome started with remote debugging.--autoConnect(Chrome 144+) joins your running browser after you allow it.--headlessand--isolatedare available;--slimcuts the tool set down to basic browser tasks.
What it exposes
navigate_page,click,fill_form,take_snapshot,take_screenshotlist_console_messages,list_network_requests,get_network_requestperformance_start_trace,performance_stop_trace,performance_analyze_insightlighthouse_audit(accessibility, SEO, best practices),emulate,evaluate_script,take_heapsnapshot
Limits
- Connected clients can inspect and modify any data in that browser, so keep sensitive accounts out of its profile.
- Usage statistics go to Google by default (
--no-usage-statistics); performance tools may send trace URLs to the CrUX API (--no-performance-crux).
Suited to front-end debugging and performance work.
Comments(0)
Sign in to comment