详细介绍 browser-trace 工具，它通过并行 CDP 客户端为浏览器自动化提供可观测性，实现网络、DOM、截图等数据的系统化落盘与事后检索。
📝 详细摘要
该推文深入介绍了来自 @browserbase 团队的 browser-trace 工具。其核心原理是利用 Chrome DevTools 协议允许同一目标挂载多个 CDP 客户端的特点，在不打断主自动化流程的前提下，挂载一个只读 CDP 客户端，将 DevTools 事件、截图、DOM 快照等数据系统化地写入文件系统，供事后用 jq、rg 等工具检索。工具包含三大机制：Firehose（全量流写入 NDJSON）、Sampler（定时截图与拉取 HTML）、Bisector（事后按 CDP 方法和页面导航切片）。适用于自动化失败事后还原、对运行中会话挂载追踪、以及时间戳对齐的因果推断等场景。推文还详细列出了实践中的关键约束，如采样间隔、DOM 域噪音、进程管理等。
📊 文章信息
AI 初评：86
来源：meng shao(@shao__meng)
作者：meng shao
分类：软件编程
语言：中文
阅读时间：5 分钟
字数：1035
标签： browser-trace, CDP, 可观测性, 浏览器自动化, Playwright