【浏览器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配置内容：

1{
2  "mcpServers": {
3    "chrome-devtools": {
4      "command": "npx",
5      "args": [
6        "chrome-devtools-mcp@latest",
7        "--browserUrl=http://127.0.0.1:9222"
8      ]
9    }
10  }
11}
12

验证MCP的连接

《【浏览器MCP组件】 chrome-devtools的快捷方式和MCP配置》 是转载文章，点击查看原文。