Skip to main content

Chrome DevTools

Official ⚙️ Developer Tools

Official Google Chrome DevTools MCP. Control and inspect live Chrome - performance traces, DOM inspection, JavaScript execution, console output.

Tools (26)

clickdragfillfill_formhandle_dialoghoverpress_keyupload_fileclose_pagelist_pagesnavigate_pagenew_pageselect_pagewait_foremulateresize_pageperformance_analyze_insightperformance_start_traceperformance_stop_traceget_network_requestlist_network_requestsevaluate_scriptget_console_messagelist_console_messagestake_screenshottake_snapshot

Client configuration

Cursor (.cursor/mcp.json)

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

VS Code (.vscode/mcp.json)

{ "servers": { "chrome-devtools": { "command": "npx", "args": [ "chrome-devtools-mcp@1.8.0" ], "type": "stdio" } } }

Replace the placeholders before connecting. Authorize in your client when prompted.

The Cursor JSON also works in Claude Desktop's local MCP configuration. Install the required runtime and local software first.

Documentation →