# BugShot

BugShot 是一款基于 Chrome 的缺陷报告工具，可直接在浏览器中检查、编辑、截取并报告问题，帮助 QA、设计和工程团队补充上下文，并将报告发送到 Jira、GitHub、Linear 和 Notion。

- Findings24: <https://findings24.com/zh-CN/products/bug-shot>
- 网站: <https://bug-shot.com>
- 价格: Freemium
- 分类: 设计工具

## 什么是 BugShot？

BugShot 是一款基于 Chrome 的 bug 报告工具，将检查、样式编辑、捕获、回放和问题提交整合到一个浏览器工作流中。该产品面向那些需要审查 UI 变更、记录 bug，并将其连同足够上下文一起交给开发者处理的人。

从收集到的页面来看，BugShot 重点在于缩短发现与上报之间的交接过程。用户可以点击元素检查样式和属性，使用可视化编辑器或 AI 辅助编辑 CSS，录制交互或回放最近 30 秒，并在发送到外部跟踪器之前生成结构化报告。

## BugShot 能做什么？

### 在浏览器中检查并编辑样式

检查页面上的任意元素，查看其已应用的样式和属性，然后使用可视化编辑器直接在上下文中修改样式。

### AI 样式辅助

用自然语言描述设计或界面变更，BugShot 会使用 AI 重写 CSS，并在页面上进行前后对比。

### 录制并回放用户操作

录制实时会话，或通过始终开启的回放捕获最近 30 秒，即使在问题发生后才注意到，也能保留 bug 记录。

### AI 报告起草

将捕获到的证据转化为结构化 bug 报告，包含步骤、预期行为和实际行为。

### 自动收集上下文

将浏览器、分辨率、DOM 上下文、控制台错误、网络活动和操作日志与报告一起打包，让问题更容易复现。

### 问题提交与共享

通过集成流程将捕获的报告和附件发送到 Jira、GitHub、Linear、Notion、GitLab、Asana、ClickUp 和 Slack。

## 使用场景

### 审查 UI 变更与设计 QA

设计师和产品审查者可以点击元素，检查当前样式，并在与团队分享问题之前快速进行可视化编辑。

### 捕获难以复现的 bug

当 bug 偶发出现或已经发生时，用户可以依靠实时录制或最近 30 秒回放来保留当时发生的内容。

### 向工程团队发送更丰富的 bug 报告

开发者可以提交附带控制台错误、网络活动、DOM 上下文和操作日志的报告，让潜在原因更早显现。

### 将问题提交到现有工作流

在 Jira、GitHub、Linear、Notion、GitLab、Asana 或 ClickUp 中工作的团队，可以将捕获到的问题发送到现有跟踪器，而无需切换工具。

### 创建一致的问题草稿

QA 和支持团队可以先起草一份已结构化好预期行为与实际行为的报告，然后按需提交或共享。

## 常见问题

### BugShot 是免费使用的吗？

是。主页说明 BugShot 完全免费且无需注册；用户只需从 Chrome 网上应用店安装即可立即开始提交问题。

### BugShot 支持哪个浏览器？

主页将 BugShot 描述为 Chrome 扩展，并说明需要添加到 Chrome，因此来源中显示的受支持浏览器是 Chrome。收集到的文本中未列出其他浏览器。

### 使用 AI 功能需要什么？

在你捕获 bug 之后，BugShot 可以使用 AI 起草报告。主页并未明确说明除已捕获的数据和报告草稿流程之外还需要哪些具体输入。

### BugShot 可以连接哪些问题跟踪器和平台？

集成文档明确提到 Jira、GitHub、Linear、Notion、GitLab、Asana、ClickUp 和 Slack。主页也提到了 Jira、GitHub、Linear 和 Notion。

### 收集到的数据如何处理？

收集到的页面提到会捕获浏览器、分辨率、DOM 上下文、日志、视频和问题数据，但没有提供关于保留或处理方式的详细政策。关于这部分，来源指向文档，但在收集到的文本中未完整提供。

## 快速信息

- **类别**: 开发者工具
- **平台**: Chrome
- **主要工作流**: 从浏览器中检查、编辑、捕获、报告并提交 bug
- **定价**: 主页显示为免费；在收集到的来源中定价页面不可用
- **集成**: Jira、GitHub、Linear、Notion、GitLab、Asana、ClickUp、Slack
- **来源域名**: bug-shot.com