Back to MCP Servers
🔧
Chrome DevTools MCP
by ChromeDevTools
chrome-devtools-mcp lets your coding agent control and inspect a live Chrome browser as a Model-Context-Protocol (MCP) server. Uses Chrome DevTools to record traces and extract actionable performance insights, analyze network requests, take screenshots, check browser console, and provides reliable automation using Puppeteer.
Official
Browser Automation
Developer Tools
Deployment Type
💻Local
Runs on your local machine
Authentication
✓No Auth Required
No authentication needed
Installation
Easy
Quick setup, minimal config
Use Cases
Common ways to use this MCP server
Performance analysis
Browser debugging
Network inspection
Screenshot capture
Automated testing
Ideal For
This server is perfect for these roles and teams
Developers
QA Engineers
Performance Engineers
DevOps Engineers
Installation
Quick start guide for setting up this MCP server
1. Install via npx
npx -y chrome-devtools-mcp2. Add to Claude Desktop config
Edit claude_desktop_config.json
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp"]
}
}
}3. Restart Claude Desktop
Close and reopen Claude Desktop to load the new MCP server.
Related MCP Servers
Other servers you might find useful
Learn More About Model Context Protocol
Understand how MCP works and how to build your own servers