浏览器自动化工具

基于Claude Code和Chrome DevTools Protocol的AI驱动浏览器自动化工具,适用于网页导航、元素交互和表单填写等场景。

  • by lttr
  • Shell
  • 本地部署
  • 更新于
在 GitHub 查看 lttr/auto-browser

使用说明

自动浏览器

通过MCP使用Claude Code和Chrome DevTools协议实现的AI驱动浏览器自动化。

设置

  1. 启动带有远程调试功能的Chrome:
./start-browser.sh
  1. 使用Claude Code MCP工具自动化浏览器交互
claude

如何使用

通过自然语言使用Claude代码控制浏览器:

  • “前往 github.com” - 导航至网站
  • “点击登录按钮”——与元素进行交互(需先获取快照)
  • “在搜索框中输入‘hello’” - 填写表单输入
  • “Take a screenshot” - 截取页面的视觉图像

所有交互均使用以“MCP”为前缀的工具 mcp__chrome-devtools__。

它是如何工作的

  • Chrome在9222端口上启用远程调试运行
  • chrome-devtools-mcp 服务器通过DevTools协议连接到Chrome
  • 克劳德·科德使用MCP工具来控制浏览器(进行导航、点击、填写表单等操作)

配置

  • .mcp.json - MCP服务器配置
  • .claude/settings.local.json - 使用预先批准工具的Claude代码设置