Chrome DevTools MCP MCP Server

$npx -y @khawjaahmad/chrome-devtools-mcp
README.md

Control and inspect a live Chrome browser for automated debugging.

Enables AI coding assistants to control and inspect a live Chrome browser for automated debugging, performance analysis, and web interaction. It leverages Puppeteer and Chrome DevTools to provide capabilities like network monitoring, console logging, and automated browser actions.

Configuration

claude_desktop_config.json
{"mcpServers":{"chrome-devtools":{"command":"npx","args":["-y","@khawjaahmad/chrome-devtools-mcp"]}}}

Try it

Open Chrome and inspect the network traffic on example.com
Check the console logs for errors on my local development site
Analyze the performance of this webpage using Chrome DevTools
Automate a click sequence in the browser and report any console warnings
Inspect the DOM elements of the current active tab in Chrome

Frequently Asked Questions

How do I install Chrome DevTools MCP?

Install Chrome DevTools MCP by running: npx -y @khawjaahmad/chrome-devtools-mcp

What MCP clients work with Chrome DevTools MCP?

Chrome DevTools MCP works with any MCP-compatible client including Claude Desktop, Claude Code, Cursor, and other editors with MCP support.

Use Chrome DevTools MCP with Conare

Manage MCP servers visually, upload persistent context, and never start from zero with Claude Code & Codex.

Try Free