【MCP】chrome-dev-mcp 调试及其常见问题

chrome 启动命令

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
  --remote-debugging-port=9222 \
  --user-data-dir=/tmp/chrome-debug

注意点

1. 必须指定 user-data-dir，否则会导致远程调试服务启不来

获取websocket token

访问地址

http://127.0.0.1:9222/json/version

可以得到

{
  "Browser": "Chrome/143.0.7499.41",
  "Protocol-Version": "1.3",
  "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36",
  "V8-Version": "14.3.127.16",
  "WebKit-Version": "537.36 (@09d0e08b622603fde13600b061231d0f1e54957e)",
  "webSocketDebuggerUrl": "ws://127.0.0.1:9222/devtools/browser/5e481f98-4bd6-4f05-b413-6a81a3eb9ceb"
}

需要使用其中的 webSocketDebuggerUrl 字段

配置mcp

配置如下，其中 wsEndpoint 填入上述 webSocketDebuggerUrl 字段。

{
    "mcpServers": {
        "chrome-devtools": {
            "command": "npx",
            "args": [
                "chrome-devtools-mcp@latest",
                "--wsEndpoint=ws://127.0.0.1:9222/devtools/browser/e6934242-d144-4f0f-be22-4409997c4039"
            ],
            "disabled": false
        }
    }
}

注意：

如果 wsEndpoint 内容填错了，导致结果是：成功启动，但访问提示404