Skills MCP Learn Benchmarks Tools News
SPONSOR

AppSignal — Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.

↗
MCP · Chrome DevTools · Browser & E2E · Chrome DevTools

Chrome DevTools

Drive Chrome through DevTools for web automation, debugging, and performance analysis.

Install config → View on GitHub Vendor docs
ChromeDevTools/chrome-devtools-mcp 2026-06-10
43,000 GitHub stars
2,700 Forks
2026-06-07 Updated
Apache-2.0 License
Install

Add Chrome DevTools to your agent

Pick your host and paste the config snippet. Replace placeholder tokens and paths before connecting to production data.

1Config location

Global: ~/.cursor/mcp.json or project: .cursor/mcp.json

2Copy this snippet
{ "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["-y", "chrome-devtools-mcp@latest"] } } }

Add this block under mcpServers, then restart Cursor.

1Config location

Terminal: one command per server

2Copy this snippet
claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

Run claude mcp list to verify the server is registered.

1Config location

Terminal: Codex CLI

2Copy this snippet
codex mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest

Run the command, complete any OAuth prompt, then verify with /mcp in Codex.

MCP servers can access your filesystem, databases, and APIs. Web Developer is independent and not affiliated with Google Chrome DevTools. Review the source repository and vendor documentation before installing.

Pair it

Related servers.

Browser & E2E01 Playwright

Automate browsers with accessibility snapshots instead of vision models. Navigate, click, fill forms, and capture page content.

↗
STATUS ● BUILDING THE FUTURE
MISSION LLM RESOURCES
VERSION BETA 3.0

BUILD WITH AI. SHIP WITH CONFIDENCE.

@WEBDEVELOPERHQ ↗
TERMS / PRIVACY
FRIENDS
Authentic Jobs
Authentic Jobs ↗
Web Reference
Web Reference ↗
Ready.dev
Ready.dev ↗
Design.dev
Design.dev ↗
© 2026 WEB DEVELOPER / ALL RIGHTS RESERVED