Chrome DevTools MCP - MCP App for ChatGPT, Claude & AI Assistants | MCP App Store

Chrome DevTools MCP

Name: Chrome DevTools MCP
Availability: InStock
Author: benjaminr

Supports UI

by benjaminr

Control and inspect a live Chrome browser with full DevTools power for automation, debugging, and performance analysis.

0 stars

30 views

Works in:CursorWindsurfGemini CLICodexVS Code Copilot

Exposes:Tools

What it does\nConnects your AI coding assistant directly to a live Chrome browser, allowing it to inspect the DOM, analyze network traffic, and perform deep debugging of web applications.\n\n## Tools\n- Navigation: `navigate_page`, `new_page`, `close_page`, `list_pages`, `select_page`, `wait_for`\n- Input Automation: `click`, `drag`, `fill`, `fill_form`, `handle_dialog`, `hover`, `press_key`, `type_text`, `upload_file`\n- Debugging & Performance: `evaluate_script`, `get_console_message`, `lighthouse_audit`, `take_screenshot`, `performance_start_trace`, `performance_analyze_insight`\n- Network: `list_network_requests`, `get_network_request`\n\n## Installation\nAdd the following to your `claude_desktop_config.json`:\n\n`json\n{\n \"mcpServers\": {\n \"chrome-devtools\": {\n \"command\": \"npx\",\n \"args\": [\"-y\", \"chrome-devtools-mcp@latest\"]\n }\n }\n}\n`\n\n## Supported hosts\nClaude Desktop, Cursor, Windsurf, Gemini CLI, Codex, VS Code Copilot, Cline

npx -y chrome-devtools-mcp@latest

Choose your AI client and follow the steps below.

Codex

npx -y chrome-devtools-mcp@latest

Cursor

npx -y chrome-devtools-mcp@latest

Windsurf

npx -y chrome-devtools-mcp@latest

Gemini CLI

npx -y chrome-devtools-mcp@latest

Claude Desktop

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