一鍵擷取 bug
只要使用一個瀏覽器快捷鍵或快速匯出流程，就能擷取 bug。TraceBug 會自動記錄 session，因此報告會包含實際發生的內容，而不需要人工撰寫說明。
TraceBug 是什麼
TraceBug 是一款瀏覽器型 bug 回報工具，可擷取失敗操作並將其打包成單一 HTML 檔，讓開發者可在本機開啟。匯出內容包含 replay、console 錯誤、網路請求、截圖，以及根本原因提示，因此報告提供的不只是靜態截圖或含糊的工單描述。
這項產品圍繞著 local-first 工作流程設計：任何人都能在不建立帳號、不上傳資料、也不設定後端的情況下擷取並匯出報告。交接時，匯出的檔案可以直接分享，或透過 TraceBug 的本機 MCP 伺服器讓 AI coding agent 讀取；該伺服器設計可與 Claude Code、Cursor、Windsurf 和 VS Code 等工具搭配使用。
核心功能
離線 HTML 報告
將完整 session 打包成單一 .html 檔，可離線開啟。匯出的報告是獨立封裝的，因此可以直接作為檔案傳送，而不需要登入或託管連結。
單一報告整合 session 證據
把開發者通常用來重現失敗所需的證據整合到同一份報告中：replay、console 錯誤、網路呼叫、截圖，以及使用者操作時間軸。
根本原因提示
在報告頂部顯示根本原因提示。網站會先呈現疑似失敗的請求或例外，再顯示其餘 session 詳細資訊，幫助開發者從正確位置開始排查。
開發者交接工具
可將報告匯出到 GitHub、Linear、Slack 和 PDF，且定價頁也列出 Chrome extension 與 npm SDK 選項。文件同時說明了供 AI agent 使用的本機 MCP 伺服器。
協作與部署選項
透過雲端分享、工作區角色、活動動態、配額、分析、Google SSO 以及高階方案中的自架選項，支援本機與團隊工作流程。
TraceBug 適用情境
快速擷取可重現的 bug 報告
測試人員或支援人員在瀏覽器應用程式中遇到 bug，需要在不填寫冗長表單的情況下保留點擊、請求與錯誤的完整順序。
在沒有託管入口網站的情況下除錯報告
開發者從 Slack、電子郵件或工單附件收到檔案，想在開啟程式碼庫前先離線檢視 console 軌跡、網路失敗與時間軸。
讓 AI agent 進行 bug 分流
團隊希望把 bug 報告交給 Claude Code、Cursor 或其他 MCP client，讓 AI agent 讀取匯出內容並調查可能的根本原因。
協調團隊的 bug 處理
小型團隊希望有共享工作區、自動同步到 issue tracker，以及基於角色的協作，而不只是本機檔案。
使用自架部署
組織需要自架部署、SSO、稽核記錄與自訂保留控制，以便在更受治理的環境中部署。
Pros and Cons
Pros
- 可將 bug 擷取為可離線開啟的獨立 HTML 報告。
- 在單一檔案中包含多種證據類型，減少來回確認發生情況的溝通成本。
- 核心本機擷取流程無需帳號或伺服器即可使用。
- 提供本機 MCP 伺服器，讓 AI coding agent 可直接從磁碟檢視 bug 報告。
- 提供個人使用、團隊分享與自架部署的清楚路徑。
Cons
- 數個協作、AI 與企業功能標示為即將推出，或僅限付費方案。
- 公開流程以瀏覽器擷取與本機檔案匯出為主；網站未顯示原生行動或桌面擷取應用程式。
- 團隊與企業功能增加了更多設定與政策控制，但來源未展示每一項整合或工作流程的完整實作細節。
FAQ
TraceBug 會輸出什麼？
TraceBug 設計為將 bug 擷取成一個獨立的 HTML 檔，包含 session replay、console 錯誤、網路請求、截圖，以及根本原因提示。開發者可以離線開啟報告，或透過 MCP 伺服器將其交給 AI coding agent。
TraceBug 可以免費使用嗎？
首頁表示核心擷取流程可免費使用，且無需帳號與伺服器。價格頁補充說，本機 bug 擷取與離線 HTML 匯出可永久免費，而當團隊需要雲端分享、整合或自架時，協作功能則屬付費方案。
TraceBug 可以連接 AI coding agent 嗎？
文件說明了一個本機 Model Context Protocol 伺服器，可從磁碟讀取匯出的 HTML 報告，並可搭配 Claude Code、Cursor、Windsurf、VS Code 以及任何 MCP client 使用。
TraceBug 支援哪些平台？
來源未描述行動版或桌面版應用程式。其公開流程是以瀏覽器為主：在瀏覽器中擷取、匯出 HTML 檔，然後在本機分享或開啟。
TraceBug 有團隊與企業方案嗎？
價格頁顯示，除了免費的本機擷取流程外，還有三個付費層級：Pro 用於個人雲端分享、Team 用於共享工作區與自動同步、Enterprise 用於自架部署與以合規為導向的控制。部分付費功能標示為即將推出。
Quick Facts
- 類別
- Developer Tool
- 主要工作流程
- 瀏覽器擷取 → 離線 .html 匯出 → 本機交接或 AI 除錯
- 平台
- Web / 瀏覽器型
- 來源網域
- tracebug.dev
- 授權
- MIT 授權 / 免費且開源
- 定價模式
- 免費本機擷取，另有付費協作與自架方案
TraceBug 替代品
ByteAsk
ByteAsk 是專為 C 與 C++ 打造的終端機優先 AI coding agent，先編輯儲存庫再用真實編譯器、除錯器、sanitizer 與測試驗證變更，並提供免費方案與付費方案。
Manta AI
Manta AI 是一款自動化網頁應用測試工具，從 URL 即可開始探索、建立行為地圖，並以自然語言產生測試與回歸檢查，無需撰寫腳本或維護 selector。
PromptScout
PromptScout 追蹤 ChatGPT、Gemini、Google AI Overviews 與 Perplexity 如何提及你的品牌或競品，並結合來源分析與網站稽核，協助團隊決定接下來要優化內容、定位或網站準備度。
Sleek Analytics
Sleek Analytics 是一款重視隱私的網站分析工具，提供即時訪客追蹤、Core Web Vitals 與營收歸因，幫助網站主在無 cookie 橫幅、低負擔安裝下掌握流量與轉換。
hob
hob 是一個獨立的 coding agents 工作區，整合 agent sessions、終端機、歷史紀錄與後續工作，並維持你既有的工具與供應商設定。適合想保有本機路由、歷史與工作區結構控制權的開發者。
Ably Chat
Ably Chat 是一個聊天 API 平台，適合打造自訂即時聊天應用程式。支援聊天室訊息、輸入中提示、在線狀態、表情回應與訊息更新，並提供依使用量計費選項。