# BugShot

BugShot 是一款基於 Chrome 的錯誤回報工具，可直接在瀏覽器中檢查、編輯、擷取並回報問題，協助 QA、設計與工程團隊補充情境，並將報告傳送至 Jira、GitHub、Linear 和 Notion。

- Findings24: <https://findings24.com/zh-TW/tools/bug-shot>
- 網站: <https://bug-shot.com>
- 價格: Freemium
- 分類: Design Tools

## 什麼是 BugShot？

BugShot 是一款基於 Chrome 的 bug 回報工具，將檢視、樣式編輯、擷取、重播與 issue 提交整合在同一個瀏覽器工作流程中。此產品定位於需要檢查 UI 變更、記錄 bug，並提供足夠情境讓開發者採取行動的人。

根據收集到的頁面，BugShot 的重點在於縮短從發現到回報之間的交接流程。使用者可以點選元素來檢視樣式與屬性、透過視覺化方式或 AI 輔助編輯 CSS、錄製互動或重播最近 30 秒，並在送往外部 tracker 之前產生結構化報告。

## BugShot 能做什麼？

### 在瀏覽器中檢視並編輯樣式

檢視頁面上的任何元素，查看其套用的樣式與屬性，然後使用視覺化編輯器在情境中直接修改樣式。

### AI 樣式輔助

用自然語言描述設計或 UI 變更，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 的團隊，可以將擷取到的問題送入既有 tracker，而不必切換工具。

### 建立一致的 issue 草稿

QA 與支援團隊可以先草擬一份已結構化的預期行為與實際行為報告，再按需要提交或分享。

## 常見問題

### BugShot 可以免費使用嗎？

是。首頁表示 BugShot 完全免費，且不需要註冊；使用者可從 Chrome 線上應用程式商店安裝後立即開始回報。

### BugShot 支援哪個瀏覽器？

首頁將 BugShot 描述為 Chrome 擴充功能，並說明可加到 Chrome，因此來源中顯示的支援瀏覽器是 Chrome。收集到的文字中沒有列出其他瀏覽器。

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

在你擷取 bug 之後，BugShot 可以使用 AI 草擬報告。首頁沒有明確說明所需的確切輸入內容，除了已擷取的資料與報告草稿流程之外。

### BugShot 可以連接哪些 issue tracker 和平台？

BugShot 的整合文件明確提到 Jira、GitHub、Linear、Notion、GitLab、Asana、ClickUp 和 Slack。首頁也提到 Jira、GitHub、Linear 和 Notion。

### 收集到的資料會如何處理？

收集到的頁面提到可擷取瀏覽器、解析度、DOM 情境、日誌、影片與 issue 資料，但沒有提供關於保存期限或處理方式的詳細政策。關於這部分，來源指向文件，但在收集到的文字中並未完整提供。

## 快速資訊

- **類別**: 開發者工具
- **平台**: Chrome
- **主要工作流程**: 從瀏覽器中檢視、編輯、擷取、回報並提交 bug
- **定價**: 根據首頁為免費；收集到的來源中無法取得價格頁面
- **整合**: Jira、GitHub、Linear、Notion、GitLab、Asana、ClickUp、Slack
- **來源網域**: bug-shot.com