Chrome DevTools MCP 优势
降低操作失误率，减少 Token 消耗。无需设置大模型的 API Key。原生支持 Chrome 浏览器，无需安装 Chromium。
安装
环境要求
- Node.js 22.12.0 及以上版本
- Chrome 当前稳定或最新版本
- npm
在命令行下运行以下命令添加 MCP 服务器：
code --add-mcp "{\"name\":\"chrome-devtools\",\"command\":\"npx\",\"args\":[\"chrome-devtools-mcp@latest\"]}"
查看帮助信息
使用以下命令查看支持的选项：
npx chrome-devtools-mcp@latest --help
主要选项包括连接运行中的 Chrome 实例、无头模式、自定义可执行文件路径、隔离用户数据、指定 Chrome 通道及日志记录等。
配置说明
默认使用系统 Chrome 路径，也可根据需求单独配置。
选择 Agent 模式
打开对话框（Ctrl+Alt+I），将模式设置为 Agent。
启用 MCP 服务
在工具菜单中选择已配置的 MCP 服务器。
测试
完成配置后，即可在 VS Code 中通过 Agent 模式进行浏览器自动化操作。
相关链接
VS Code MCP Servers Documentation Chrome DevTools MCP GitHub
