检查 DOM 上下文和应用样式
点击元素即可检查其应用的样式和属性，这有助于审查 UI 行为或复现视觉问题。
BugShot 的功能
BugShot 是一款基于 Chrome 的 bug 报告工具，将捕获、检查、轻量级编辑、回放和问题提交整合到一个浏览器工作流中。它适用于设计评审、bug 报告、样式修复和问题创建，无需在 DevTools、截图工具和跟踪器之间切换。
该产品可以检查页面上的元素，显示其样式和属性，捕获记录和日志，并将这些上下文转化为结构化报告。用户随后可以将报告发送到已连接的问题跟踪器，或发送到 Jira、GitHub、Linear、Notion、GitLab、Asana、ClickUp 或 Slack 等团队工具。
核心功能
通过可视化方式或使用 AI 编辑样式
可在浏览器中直接进行实时 CSS 编辑，并使用 AI Styling 根据自然语言描述重写 CSS，同时在页面上查看前后对比。
录制并回放最近的活动
可实时录制交互，或从始终开启的回放中捕获最近 30 秒，因此即使问题发生后也能进行复查。
生成 AI bug 报告
将捕获到的上下文转换为结构化 bug 报告，包含步骤、预期行为和实际行为字段。
将日志与回放同步
将控制台、网络和操作日志附加到已捕获的会话中，并让日志查看器与视频播放同步打开。
提交并跟踪问题
将报告提交到 Jira、GitHub、Linear、Notion 等已连接工具，并在 BugShot 内查看问题状态。
实际使用场景
设计评审和视觉 QA
在设计 QA 期间使用 BugShot 检查元素、查看样式，并清晰记录更改的视觉结果，而无需切换到单独的开发者工具和截图应用。
前端和 QA bug 分诊
当 bug 只有有限上下文时，捕获页面状态、日志和环境细节，帮助开发者将设置与故障一并查看。
快速样式修复和视觉原型
如果 UI 问题更适合通过直接修改来说明，可使用实时样式编辑或 AI Styling 来原型化更改，并在提交前比较结果。
复现难以捕捉的 bug
当问题间歇性出现时，捕获交互或回放最近 30 秒，然后将录制和日志附加到报告中。
问题提交与跟进
连接跟踪器并将草稿直接提交到团队工作流中，然后在 BugShot 内监控问题状态。
Pros and Cons
Pros
- 在单一浏览器工作流中整合了检查、捕获、回放和问题提交。
- 报告中包含浏览器详情、分辨率、DOM 上下文、日志和录制等自动上下文信息。
- 支持广泛的问题跟踪器和团队工具，包括 Jira、GitHub、Linear、Notion、GitLab、Asana、ClickUp 和 Slack。
- 提供实时样式编辑和 AI 辅助的 CSS 重写，用于 UI 更改。
- 可以生成包含步骤、预期行为和实际行为的结构化 bug 报告。
Cons
- 定价页面返回 404，因此无法从提供的来源中看到价格详情和套餐结构。
- 收集到的源文本未清楚记录除 Chrome 之外的浏览器支持情况。
- FAQ 中提到了一些工作流细节，例如 AI 功能要求和数据处理，但在提供的内容中没有对应答案。
FAQ
BugShot 是免费的吗？
是。首页说明 BugShot 完全免费，无需注册；用户可以从 Chrome 网上应用店安装并立即开始报告。
BugShot 支持哪个浏览器？
首页突出显示 Google Chrome，并提供“Add to Chrome”行动号召，因此文档中的安装路径是通过 Chrome 浏览器。
支持哪些问题跟踪器和团队工具？
根据用户指南，BugShot 可以通过“Integrations”选项卡连接 Jira、GitHub、Linear、Notion、GitLab、Asana、ClickUp 和 Slack。
BugShot 的 bug 报告包含哪些内容？
来源说明，捕获的 bug 可以包含浏览器、分辨率、DOM 上下文、日志和录制内容，AI 还可以起草包含步骤、预期行为和实际行为的结构化报告。
使用 BugShot 前需要先连接问题跟踪器吗？
首页说明，你可以在不先连接平台的情况下进行捕获和起草。准备提交问题时，横幅会提示你在“Integrations”选项卡中添加平台。
Quick Facts
- 类别
- 开发者工具
- 平台
- Chrome 浏览器扩展
- 主要工作流
- 检查、捕获、注释、回放、起草和提交 bug 报告
- 集成
- Jira、GitHub、Linear、Notion、GitLab、Asana、ClickUp、Slack
- 费用
- 根据首页信息免费
- 来源域名
- bug-shot.com
BugShot 替代品
ByteAsk
ByteAsk 是面向 C 和 C++ 的终端优先 AI 编码 agent，可直接编辑仓库，并在展示 diff 前用真实编译器、调试器、sanitizers 和测试验证修改。提供免费版与付费方案。
Goldfish
Goldfish 是一款适用于 macOS 的 AI 记忆应用，可帮你在 Mac 上基于现有上下文进行回复、写作、总结并继续创作。支持本地存储记忆，保留你的写作语气。
Biji
Biji是一个多功能平台，旨在通过创新工具和功能提升生产力。
hob
hob 是面向编码 agent 的独立工作区，可将 agent 会话、终端、历史记录和后续工作围绕你已在用的工具与提供商有序管理，适合重视本地路由、历史和工作区结构控制的开发者。
Ably Chat
Ably Chat 是用于构建自定义实时聊天应用的 chat API 平台，支持房间消息、输入指示、在线状态、表情回应与消息更新，并提供按使用量计费选项。
Redline
Redline 是一款面向 Claude Code 的预算管理工具，可按时间、token、成本或计划百分比限制会话进度，并借助原生 hooks 和 statusline 让任务平稳完成，不会突然中断。