Browser harness
适合做网页测试操作验证。
安装流程
启动 Chrome 开远程调试端口:
chrome --remote-debugging-port=9222装 Skill:
npx skills add https://github.com/browser-use/browser-harness-js --skill cdpClaude 连 WebSocket: 读取 install.md/SKILL.md 后连接
ws://localhost:9222
本质: Claude 拿 Chrome CDP 通道, 直接发命令(点击/导航/截图/读 DOM). 裸 CDP, 权限大但无沙箱.
触发词
对 Claude 说 "use cdp skill" 或 "用 CDP 控制浏览器".
cdp skill
路径:
~/.claude/skills/cdp/CLI:
browser-harness-js(需 bun, 已装 1.3.14)路径:
/c/Users/Administrator/bin/browser-harness-js
命令
命令 | 作用 |
|---|---|
| 执行 JS snippet, 连 CDP |
| 检查 server 状态 (health JSON) |
| 显式启动 REPL server |
| 优雅关闭 |
| 重启 (清 session) |
| tail 日志 |
启用流程
启动 Chrome with remote debugging:
chrome.exe --remote-debugging-port=9222Connect:
browser-harness-js 'await session.connect()'Pick tab + 操作:
browser-harness-js 'const tabs = await listPageTargets(); await session.use(tabs[0].targetId)'browser-harness-js 'await session.Page.navigate({url:"https://example.com"})'
⚠️ 注意
需 Chrome 开 --remote-debugging-port 或 chrome://inspect 开 remote debugging.
与 Playwright 对比
Playwright = 为人类设计的浏览器自动化框架. Browser Harness = 为LLM设计的裸协议桥梁.
维度 | Playwright | Browser Harness |
|---|---|---|
目标用户 | 开发者写脚本 | AI agent 自主决策 |
抽象层 | 高层 API ( | 原始 CDP ( |
代码量 | 庞大 (几百 KB) | ~600 行 Python |
定位元素 | CSS/XPath 选择器 | DOM 节点坐标 / CDP 直接操作 |
智能 | 无. 人类写死逻辑 | LLM 驱动, 缺啥自补 |
学习曲线 | 需懂框架 API | 不需学 API, AI 懂 CDP |
自愈 | 无. 选择器变了就崩 | 动态生成 helper, 自修 |
适用场景 | CI 测试、爬虫、截图 | AI agent 自主浏览、探索性自动化 |
本质: Playwright 给人类写可复用的测试脚本. Browser Harness 给 AI 一个不受限的浏览器环境, 让 AI 决定怎么做.
并不互斥 — 可组合: Playwright 处理高可靠性场景(CI 测试), Browser Harness 处理 AI 探索性任务.
