Chrome 自动化不用装 Puppeteer?这款 Rust 小工具直接接管!

你以为浏览器自动化一定要装 Puppeteer?这款 Rust CLI 打脸了

做 AI 自动化工作流的时候,你是不是也踩过这个坑:让 AI 操控浏览器,结果光启动 Puppeteer/Playwright 就等了十几秒,还要配 WebDriver、装浏览器、解决各种兼容问题——一套下来比正经开发还累。

今天挖到的这个开源工具,彻底改变了这个局面。

它做了什么

chrome-devtools-cli 是一个用 Rust 写的命令行工具,核心原理特别简单粗暴:直接和 Chrome 的 DevTools Protocol(CDP)对话,不需要任何中间层。

你本地 Chrome 开着就行,它自动连接,不需要加 --headless,不需要 WebSocket URL,不用起 MCP 服务。装好之后,一行命令就能截图、填表、执行 JS。

核心亮点

  • 零配置连接:Mac 上装好 Homebrew 之后,直接 chrome-devtools navigate https://example.com,它自动找到你正在开的 Chrome,连上
  • Daemon 模式保长连:第一次调用自动起守护进程,之后的请求复用同一个 WebSocket 连接,不重复建立,省去每次建连的开销
  • Target 固定命名:每个标签页有个固定的词组名字(如 [target:red-snake]),后续命令 --target red-snake 精确锁定同一页,不受 Chrome 切换标签影响
  • 支持 Edge:--browser edge 一键切 Edge,beta/canary/dev 通道也支持
  • 体积小,性能强:Rust 编写,5.0K SLoC,二进制直接跑,不需要运行时

典型工作流

# 1. 打开页面(自动获取 target name)
chrome-devtools navigate https://example.com
# → [target:red-snake]

# 2. 截图
chrome-devtools --target red-snake screenshot --output /tmp/page.png

# 3. 填表交互
chrome-devtools --target red-snake fill "#email" "user@example.com"
chrome-devtools --target red-snake click "#submit"

# 4. 执行 JS 获取数据
chrome-devtools --target red-snake evaluate "document.title"

# 5. 查网络请求/控制台日志
chrome-devtools --target red-snake network
chrome-devtools --target red-snake console

为什么 AI 工作流需要它

传统 MCP 浏览器工具每次请求都要来回传大量协议数据,上下文开销很大。chrome-devtools-cli 把这些全部省略——你要截图就只传截图指令,要填表就只传填表指令,精准且轻量。

结合 Claude Code 使用时,只要把配套的 SKILL.md 放进 .claude/skills/ 目录,AI 就能理解这个工具的能力,按需调用。

安装方式

# macOS
brew install aeroxy/tap/chrome-devtools

# 或者 cargo
cargo install chrome-devtools-cli

# 使用前,只需一次性开启 Chrome 远程调试
# 打开 chrome://inspect/#remote-debugging 勾上开关,以后都自动连

特别提醒:首次用需要 Chrome 开启「远程调试」模式,chrome://inspect/#remote-debugging 勾一下就行,之后永久生效。

适合谁用

需要 AI 操控浏览器但不想折腾复杂环境的前端开发者、需要轻量爬虫和自动化脚本的工程师,以及任何想让 AI 稳定完成「打开网页→操作→提取数据」全流程的人。MIT 协议,生产可用。

GitHub 仓库 →


GitHub: https://github.com/aeroxy/chrome-devtools-cli

评论区

0 条评论

登录后可评论。

白鹿 26 阅读