Bugpilot

什么是 Bugpilot？

Bugpilot 是一款 Chrome 扩展，可记录浏览器调试上下文，并将其转化为供 AI 助手使用的结构化 Markdown。它会捕获控制台输出、网络请求、DOM 状态，以及导致 bug 的用户操作顺序，方便开发者将单一报告直接粘贴到 Claude 或 ChatGPT 等工具中。

该产品旨在减少当 AI 缺少足够复现细节时常见的来回沟通。用户无需手动收集截图、控制台日志和网络信息，只需录制一次会话、复现问题、停止捕获，并导出为 AI 可读取的格式。

主要功能

• 记录控制台事件，包括错误、警告、日志、时间戳和堆栈跟踪，将调试上下文集中保存。
• 捕获网络请求及其 URL、方法、状态码和响应预览，记录 bug 发生时应用正在执行的操作。
• 保存 DOM 上下文，包括捕获时的 outer HTML 以及被点击的元素，帮助说明问题背后的 UI 状态。
• 记录点击、表单输入和导航等用户操作，提供复现轨迹，而不是依赖书面摘要。
• 提供可选截图，在录制开始、控制台报错和停止时生成 WebP 帧，并附带将每一帧关联到触发事件的时间线元数据。
• 在数据存储前自动屏蔽密码、邮箱地址、信用卡号、JWT、API 密钥、授权头和 URL token。
• Pro 版本除 Markdown 外，还提供 Claude XML、OpenAI JSON、单文件 HTML，以及 Markdown + JSON ZIP 组合包等导出格式。
• 在浏览器本地运行，无需账户、服务器、遥测、跟踪或分析，因此在导出前捕获内容都保留在用户设备上。

如何使用 Bugpilot

安装 Chrome 扩展后，在 Web 应用中遇到 bug 时打开弹窗。点击 Record，复现问题，然后点击 Stop，并将捕获内容复制为 Markdown 或其他支持的格式。

把输出粘贴到 Claude 或 ChatGPT 等 AI 编程助手中，或保存为报告以便日后查看。如有需要，可在复制或下载前启用截图或使用 Pro 导出格式。

使用场景

• 为 AI 助手提交 bug 报告：开发者只需记录一次问题，再把结构化输出粘贴到 Claude 或 ChatGPT，而不用手动整理日志。
• 与队友共享复现包：捕获到的用户操作、控制台输出和网络请求，让其他开发者更容易按相同步骤复现。
• 排查 UI 交互 bug：DOM 状态和点击目标的捕获，有助于说明问题发生时实际涉及的是哪个元素。
• 调试 API 或请求失败：网络时间线会把请求细节和状态码与触发失败的用户操作并列展示。
• 捕获框架状态以深入调试：Pro 版本包含 React 组件树、props 和 hook state，适用于仅靠控制台日志还不够的场景。

常见问题

Bugpilot 在浏览器中运行还是在服务器上运行？ 它在浏览器本地运行。来源说明没有服务器、遥测、跟踪或分析。

Bugpilot 导出什么内容？ 免费版导出 Markdown，并可下载包含截图的 ZIP。Pro 版本增加了多种面向 AI 的格式，包括 Claude XML、OpenAI JSON、HTML，以及合并的 Markdown/JSON ZIP 输出。

屏蔽功能可以关闭吗？ 不可以。来源说明屏蔽始终开启，且无法禁用。

Bugpilot 需要账户吗？ 来源说明不需要账户。

它面向哪些助手？ 它主要面向 Claude、ChatGPT、Cursor 以及其他可读取 Markdown 或 Pro 导出格式的 AI 编程工具。

替代方案

• 手动 DevTools 采集：可以手动拼接截图、复制的控制台输出和网络详情，但流程更慢也更不结构化。
• 通用 bug 报告工具：这类工具通常更侧重收集截图或表单式报告，而不是为 AI 打包控制台、网络、DOM 和操作历史。
• 会话回放或错误监控工具：这类工具有助于调试，但通常更偏向可观测性或回放，而不是给助手直接复制粘贴的报告。
• 纯 Markdown 笔记：开发者可以手写复现步骤并手动粘贴日志，但这种方式不会自动捕获浏览器状态或屏蔽敏感值。