# TraceBug

TraceBug 是一款在地優先的錯誤回報工具，可將瀏覽器問題擷取為獨立的 .html 報告，方便離線交接給開發者。它也支援以本機 MCP 進行除錯，並可匯出至常見的問題追蹤與分享流程。

- Findings24: <https://findings24.com/zh-TW/tools/tracebug>
- 網站: <https://tracebug.dev>
- 價格: Freemium
- 分類: AI開發者工具, MCP 工具

## 什麼是 TraceBug？

TraceBug 是一款以本機優先為核心的 bug 回報工具，可將使用者的 session 打包成單一 .html 報告。報告可包含 replay、console 錯誤、網路請求、螢幕截圖與擷取到的步驟，讓開發者能離線開啟並看見發生了什麼。

此產品的目標是銜接測試者到開發者的交接流程。與其要求對方重新輸入重現步驟或把截圖貼到表單裡，TraceBug 會把 bug 轉成可直接傳送的檔案、匯出成工單格式，或透過本機 MCP 伺服器交由 AI coding agent 讀取。

## TraceBug 能做什麼？

### 離線 HTML bug 報告

將使用者操作歷程記錄成單一自包含的 .html 檔案，讓報告可離線開啟並像一般檔案一樣分享，而不是託管式 ticket。

### 多訊號擷取

將 session replay 與 console 錯誤、網路請求、螢幕截圖，以及導致 bug 的使用者操作一起擷取。

### 根因提示

在報告頂部加入根因提示，幫助開發者在瀏覽 trace 前先看到可能失敗的請求或例外。

### 多種匯出格式

提供 GitHub issue、Jira ticket、PDF 與 JSON 的匯出路徑，讓同一份擷取內容可適配不同的交接工作流程。

### 本機 MCP agent 支援

隨附本機 MCP 伺服器，可讓 Claude Code、Cursor、Windsurf、VS Code 或其他 MCP 用戶端從磁碟讀取報告並進行分析。

### 瀏覽器與 SDK 擷取

提供 Chrome 擴充功能與 npm SDK 進行擷取，並可在任何付費協作功能之前先使用離線本機 bug 處理。

## 使用情境

### 快速交接瀏覽器 bug

測試者在瀏覽器中遇到 bug，只要按一下快捷鍵就能擷取，並把匯出的檔案傳給開發者，不必填寫冗長表單。

### 從自包含報告進行偵錯

開發者離線開啟匯出的 .html 報告，在開始修正前先檢視 replay、console 錯誤、失敗請求與螢幕截圖。

### 讓 AI agent 檢視報告

工程團隊使用本機 MCP 伺服器，讓 Claude Code、Cursor、Windsurf 或 VS Code 能從磁碟讀取報告並分析可能原因。

### 將報告導入既有工作流程

偏好 issue tracker 的團隊，將同一份擷取內容匯出為 GitHub issue、Jira ticket、PDF 或 JSON 格式，而不是只保留為瀏覽器檔案。

### 先從本機擷取，之後再擴充

產品或支援團隊先在本機擷取重複出現的 bug，之後再決定是否使用雲端分享或未來的團隊方案進行協作。

## 常見問題

### TraceBug 可以匯出什麼？

TraceBug 會將 bug 擷取為一份獨立的 .html 報告。報告包含 session replay、console 錯誤、網路活動、螢幕截圖與根因提示，因此開發者可以離線開啟，無需帳號或上傳流程。

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

瀏覽器擴充功能與本機擷取流程被標示為免費。定價頁指出，本機 bug 擷取與離線 .html 匯出可永久免費，而付費方案則保留給分享網址、整合與自架等合作功能（若有需要）。

### TraceBug 如何與 AI coding agents 搭配使用？

TraceBug 的 MCP 伺服器會透過 stdio 在本機執行。文件說明你可以將 Claude Code、Cursor、Windsurf 或 VS Code 這類 MCP 用戶端指向一個匯出報告資料夾，讓 agent 能從磁碟讀取報告並針對你的程式碼庫進行偵錯。

### 報告可以用哪些方式分享？

來源頁面顯示可匯出為 GitHub issue、Jira ticket、PDF 與 JSON；定價頁也提到 Slack 與 Linear。MCP 文件另描述了本機交接流程，可將匯出的 .html 檔直接傳給開發者或 agent。

### TraceBug 有團隊或企業功能嗎？

網站將其描述為免費的本機優先產品，另有即將推出的付費方案 Pro、Team 與 Enterprise。Pro 會加入雲端分享與品牌化功能，Team 會加入共享工作區與自動同步，Enterprise 則加入自架與以合規為導向的控制。

## 快速資訊

- **類別**: 開發者工具
- **產品類型**: 本機優先的 bug 回報與交接工具
- **主要輸出**: 獨立的 .html bug 報告
- **擷取方式**: Chrome 擴充功能與 npm SDK
- **AI 工作流程**: 用於 agent 偵錯的本機 MCP 伺服器
- **定價形式**: 本機擷取免費；付費協作方案即將推出