Back to MCP directory

Chrome DevTools MCP

Official

Official Chrome DevTools MCP that exposes page inspection, the network panel, performance traces and console logs so an agent can debug a live frontend.

Chrome DevTools MCP is an MCP server for Dev Tools work. Official Chrome DevTools MCP that exposes page inspection, the network panel, performance traces and console logs so an agent can debug a live frontend. Tags: Chrome · DevTools · 浏览器 · browser · 调试 · 官方.

Dev ToolsstdioAuthor: GoogleVisit

What is Chrome DevTools MCP

Chrome DevTools MCP exposes Dev Tools capabilities to MCP clients. Official Chrome DevTools MCP that exposes page inspection, the network panel, performance traces and console logs so an agent can debug a live frontend.

Install Chrome DevTools MCP in Cursor / Claude / Codex

Cursor Open Cursor MCP settings (or user/project mcp.json) and add the server config on this page. If only a start command exists, put command/args into a Cursor MCP entry.

Claude Desktop Add the config to claude_desktop_config.json and restart Claude Desktop.

Codex Add the same command/args or JSON snippet to Codex MCP config. File location depends on your Codex version.

This page has no ready-made install snippet. Open the project home and follow the maintainer instructions to connect Chrome DevTools MCP in Cursor, Claude, or Codex.

Please visit the Project Home to see installation and usage instructions.

Tags

ChromeDevTools浏览器browser调试官方

Similar recommendations

FAQ

What problem does Chrome DevTools MCP solve?

Chrome DevTools MCP focuses on Dev Tools. Official Chrome DevTools MCP that exposes page inspection, the network panel, performance traces and console logs so an agent can debug a live frontend.

How do I connect Chrome DevTools MCP to my editor?

Use the command or JSON in the install section. If none is listed, follow the project home. Do not paste config from unknown sources.

What similar MCP servers exist?

The related list comes from the same Dev Tools group so you can compare scope.