# TraceBug TraceBug 是一款本地优先的错误报告工具，可将浏览器问题记录为独立的 .html 报告，便于离线交接给开发者。它还支持基于本地 MCP 的调试，并可导出到常见的问题跟踪和分享流程。 - Findings24: - 网站: - 价格: Freemium - 分类: AI开发者工具, MCP 工具 ## 什么是 TraceBug？ TraceBug 是一款本地优先的 bug 报告工具，可将用户会话打包为一个单独的 .html 报告。该报告可以包含回放、控制台错误、网络请求、截图和已捕获的步骤，方便开发者离线打开并查看发生了什么。 该产品面向测试人员到开发者的交接场景。与其让别人重新输入复现步骤或把截图粘贴到表单里，不如让 TraceBug 将 bug 转成一个可直接发送的文件，导出为工单格式，或通过其本地 MCP 服务器交给 AI 编码代理读取。 ## TraceBug 能做什么？ ### 离线 HTML bug 报告 将用户操作过程记录为一个独立的 .html 文件，因此报告可以离线打开，并像普通文件一样共享，而不是托管工单。 ### 多信号捕获 将会话回放与控制台错误、网络请求、截图以及导致 bug 的用户操作一并捕获。 ### 根因提示 在报告顶部添加根因提示，帮助开发者在浏览 trace 之前先看到最可能出错的请求或异常。 ### 多种导出格式 提供 GitHub issue、Jira ticket、PDF 和 JSON 的导出路径，使同一份捕获内容可以适配不同的交接流程。 ### 本地 MCP 代理支持 随附本地 MCP 服务器，可让 Claude Code、Cursor、Windsurf、VS Code 或其他 MCP 客户端从磁盘读取报告并进行调查。 ### 浏览器和 SDK 捕获 提供用于捕获的 Chrome 扩展和 npm SDK；在任何付费协作功能之前即可使用离线本地 bug 处理。 ## 使用场景 ### 快速交接浏览器 bug 测试人员在浏览器中遇到 bug，用一个快捷键即可捕获，并将导出的文件发送给开发者，而无需填写冗长表单。 ### 从独立报告中调试 开发者离线打开导出的 .html 报告，先检查回放、控制台错误、失败请求和截图，再开始修复。 ### 让 AI 代理检查报告 工程团队使用本地 MCP 服务器，让 Claude Code、Cursor、Windsurf 或 VS Code 可以从磁盘读取报告并调查可能原因。 ### 接入现有工作流 偏好问题跟踪器的团队将同一份捕获内容导出为 GitHub issue、Jira ticket、PDF 或 JSON 格式，而不是保留为浏览器文件。 ### 先从本地捕获开始，后续再扩展 产品或支持团队先在本地捕获重复出现的 bug，然后再决定是否使用云共享或未来的团队方案进行协作。 ## 常见问题 ### TraceBug 会导出什么？ TraceBug 会将 bug 捕获为一个独立的 .html 报告。该报告包含会话回放、控制台错误、网络活动、截图和根因提示，因此开发者无需账号或上传流程即可离线打开查看。 ### TraceBug 是免费使用的吗？ 浏览器扩展和本地捕获流程被描述为免费。定价页面说明，本地 bug 捕获和离线 .html 导出永久免费，而付费方案则预留给共享链接、集成和自托管等协作功能（如有需要）。 ### TraceBug 如何与 AI 编码代理配合使用？ TraceBug 的 MCP 服务器通过 stdio 在本地运行。文档说明，你可以将 Claude Code、Cursor、Windsurf 或 VS Code 等 MCP 客户端指向导出报告所在的文件夹，这样代理就能从磁盘读取报告，并结合你的代码库进行调试。 ### 报告可以通过哪些方式共享？ 源页面显示可导出为 GitHub issue、Jira ticket、PDF 和 JSON，定价页面还提到了 Slack 和 Linear。MCP 文档也描述了一种本地交接流程，可将导出的 .html 文件发送给开发者或代理。 ### TraceBug 是否提供团队或企业功能？ 网站将其描述为一款免费、本地优先的产品，并提供即将推出的 Pro、Team 和 Enterprise 付费方案。Pro 增加云共享和品牌功能，Team 增加共享工作区和自动同步，Enterprise 增加自托管和面向合规的控制。 ## 快速信息 - **类别**: 开发者工具 - **产品类型**: 本地优先的 bug 报告和交接工具 - **主要输出**: 独立的 .html bug 报告 - **捕获方式**: Chrome 扩展和 npm SDK - **AI 工作流**: 用于代理调试的本地 MCP 服务器 - **定价形式**: 免费本地捕获；付费协作方案即将推出