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 协议,生产可用。
评论区
0 条评论
登录后可评论。