Chrome DevTools 搭配 Claude MCP：打造最强浏览器自动化利器！

Maxime Rivest 分享了用两条命令让 Claude Code 完美接入浏览器的秘诀：| 推文

1️⃣ 启动 Chrome 浏览器（自定义用户数据目录，避免使用默认配置，保持登录状态）

google-chrome --remote-debugging-port=9222 --user-data-dir="$HOME/.config/my-mcp-chrome-profile"

2️⃣ 安装连接浏览器的 MCP 服务

claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp﹫latest -u

这样，你就可以用自然语言指挥 AI 在浏览器里做任何事，远超 Puppeteer、Playwright，甚至可以做网络请求、抓取XHR、自动点击元素等复杂操作。

- DevTools MCP 能完整访问 JS 动态内容，支持网络请求重放和数据抓取。
- 通过自定义用户数据目录，解决登录状态和权限问题，避免安全隐患。
- 适合自动化任务、数据监控、定时爬取等多场景，未来有潜力成为强大的数据分析平台。
- 需要合理控制上下文读取，避免性能瓶颈。
- 社区也有类似 DeepWiki MCP，可针对 GitHub 公共仓库提问，拓展更多用途。

当然，使用时要权衡安全风险，谨慎管理浏览器登录信息，避免泄露。

这套方案让浏览器自动化变得更智能、更自然、更强大，值得开发者深度探索。