【浏览器MCP组件】 chrome-devtools的快捷方式和MCP配置

创建Chrome调试快捷方式

右键点击桌面空白处，选择"新建"-"快捷方式"。在目标位置输入以下命令： C:\Users\luke\AppData\Local\ms-playwright\chromium-1208\chrome-win64\chrome.exe --remote-debugging-port=9222 --user-data-dir="%USERPROFILE%\ChromeDebugProfile"

为快捷方式命名，例如"Chrome调试模式"。双击此快捷方式将启动指定版本的Chromium浏览器并开启9222调试端口。

配置调试工具连接

在CherryStudio或Trae等工具中创建新配置文件，导入以下JSON配置内容：

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--browserUrl=http://127.0.0.1:9222"
      ]
    }
  }
}

验证MCP的连接