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-mcp

2. 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.

Learn More About Model Context Protocol
Understand how MCP works and how to build your own servers