Bug Report Recorder Pro - Screen Recorder for Bug Reports

用一個可分享的HTML檔捕捉影片、主控台日誌與整潔的重現步驟,可直接送到Jira、Linear或GitHub。

Bug Report Recorder Pro 把一次故障的網頁工作階段轉成開發者可直接使用的報告。點擊 Start、重現問題、再點 Stop,接著就能拿到一個可攜的 HTML 檔,裡頭打包了螢幕錄影、主控台輸出、網路呼叫,以及一條清楚的重現步驟時間線。 第一份報告無需帳號。永遠不會自動上傳。 ### 🚀 開發者為什麼喜歡它 "在 staging 上壞了"不算是 bug 報告。模糊的工單比 bug 本身代價更高。這個擴充功能用一個工作流捕捉開發者真正需要的全部內容,直接打破這種惡性循環:影片、主控台、網路,以及一路到那邊的步驟。 把生成的 HTML 交給 Jira、Linear、GitHub 或 Slack,就能跳過你來我往的拉鋸。 ### ⚡ 免費方案的所有功能 - ✓ 每月 5 份儲存的報告,完整工作流,無需帳號 - ✓ 分頁、視窗或全螢幕錄影,可選麥克風,最長 10 分鐘 - ✓ 顯眼的紅色外框與計時器,讓錄影狀態始終一目了然 - ✓ 帶嚴重度標籤(log、info、warn、error)與時間戳的主控台捕捉 - ✓ 網路捕捉(URL、方法、狀態、耗時),預設剝除請求內容 - ✓ 由工作階段中的使用者動作自動生成的重現步驟時間線 - ✓ 預設的 PII 遮罩:密碼、權杖、Cookie、信用卡型欄位 - ✓ 一鍵 HTML 匯出,不需我們的服務就能在任何瀏覽器中打開 ### 🔓 Pro 解鎖的內容 - ✦ **無限報告**:取消每月 5 份的上限,讓這個工具變成日常習慣 - ✦ **托管分享連結**:免登入即可檢視的短網址,支援 30、60 或 90 天自動刪除 - ✦ **Jira 匯出**:一鍵把報告、重現步驟、環境與主控台輸出推到 Jira - ✦ **Linear 匯出**:同樣的一鍵流程適用於 Linear,並附上網路紀錄 - ✦ **GitHub 匯出**:在任意儲存庫開 issue,內文、標籤與指派人預先填好 - ✦ **自訂遮罩設定檔**:在預設規則之上,疊加每個專案的正則規則 - ✦ **多段工作階段回放**:把三段錄影與五張截圖打包成一份報告,專治間歇性 bug - ✦ **匯出時可選格式**:影片可選 mp4、webm 或動態 webp ### 🎯 適合誰 QA 測試人員、追客戶問題的支援團隊、處理 beta 回饋的 PM、為客戶提供回報通道的代理商、SaaS 創辦人,以及希望把主控台與網路一起打包的開發者。如果"傳一張截圖給我"一週出現超過兩次,這個工具就值得安裝。 ### 🛠️ 怎麼用 1. 把擴充功能釘到工具列並點擊圖示 2. 選擇 Tab、Window 或 Screen,切換麥克風,按下 Start 3. 主控台與網路並行捕捉的同時,重現 bug 4. 按 Stop;所有內容會被打包成一個 HTML 檔 5. 檢閱並編修,接著本機匯出,或在 Pro 下推送到 Jira、Linear 或 GitHub ### 💡 真實的使用情境 - → QA 測試人員在 staging 上跑迴歸,工具抓到失敗的 AJAX 呼叫,連同觸發它的那次點擊 - → 客服錄製一次客戶流程,主控台捕捉揭露了客戶從未提到的隱藏 500 錯誤 - → PM 為一個不穩定的結帳流程上傳影片,網路紀錄顯示第三方腳本逾時 - → 創辦人把已預先填好步驟的完整重現傳給外包夥伴 - → 代理商讓客戶自己回報 bug,一次點擊,報告自動進入 Linear - → 前端工程師搭配開著 DevTools 一起用,獲得更豐富的時間線 - → QA 主管推送的 Jira 工單已滿足"必須包含重現步驟、環境與主控台"的規範 ### 🔒 可驗證的隱私 錄影是明確的、本機優先的。不會在背景啟動,不會自動上傳,只有你在 Pro 中點擊 Share 時才會聯絡我們的伺服器。遮罩流程會在匯出前剝除密碼、Authorization 標頭、Cookie、X-Auth-Token 風格的自訂標頭,以及信用卡型樣式。遮罩程式碼在解壓後的擴充功能中可稽核。Manifest V3,無遠端程式碼,無分析 SDK。 ### 📊 效能與基準 彈出視窗在 50ms 內開啟。工作階段中主控台緩衝的 CPU 佔用低於 2%,5 分鐘片段的記憶體佔用低於 50MB。影片區塊每 2 秒寫入 IndexedDB,因此分頁崩潰最多遺失 2 秒畫面。一份典型匯出的 HTML 在 2 分鐘 1080p 片段下為 4 到 12 MB。冷啟動到首格錄影低於 800ms。 ### 🆚 為何選它而非替代品 - ✓ 相較 Jam:第一份報告不需 email,不會出現"只錄到 4 秒"的失敗(分區段寫入 IndexedDB),不會剝掉 Chakra UI 或 NextJS 頁面的 CSS - ✓ 相較 Marker.io:不對客戶端回報人按席收費,免登入檢視保住病毒式擴散的迴圈,主控台捕捉免費包含,不在付費牆後 - ✓ 相較 Loom:主控台與網路在這裡是一等公民,不藏在 Business plus AI 付費牆後;成品是開發者可讀的 HTML 檔 - ✓ 相較 Bird Eats Bug:一份報告中的多段回放、短分享網址、免登入檢視,工作階段在瀏覽器重啟後依然可用 - ✓ 相較 BugHerd:真正的影片與即時主控台,不只是 HTML 選擇器 ### 🛡️ 安全 Manifest V3,無遠端程式碼。擴充功能宣告 `content_security_policy: { extension_pages: "script-src 'self'; object-src 'self'" }`,所有指令稿皆隨擴充功能本機封裝出貨。沒有 CDN、沒有 eval、沒有遠端載入器。Host 權限僅限於 `https://peakproductivity.online/*` 以便授權檢查,絕不使用 `<all_urls>`。 ### ❓ 常見問題 **Q:免費方案真的免費嗎?** **A:** 是的。每月 5 份報告,具備完整的錄影、主控台、網路與 HTML 匯出。Pro 取消上限,並加入托管分享連結與 Jira、Linear、GitHub 匯出。 **Q:它會在背景錄影嗎?** **A:** 不會。錄影只有在你點擊後才開始,紅色外框與計時器全程可見。關閉分頁會停止工作階段,並提示你儲存或捨棄。 **Q:主控台輸出會洩漏權杖嗎?** **A:** 預設流程會在匯出前遮罩 Authorization 標頭、Cookie、X-Auth-* 自訂標頭與信用卡型樣式。Pro 可按專案加入自訂正則規則。 **Q:它跟 LogRocket 或 FullStory 比起來如何?** **A:** 那些是面向生產環境、永遠錄影所有人的工作階段回放服務。這裡是一個由你手動觸發、一次處理一個 bug 的開發者工具,不需要安裝 SDK。 **Q:可以直接推送到 Jira、Linear 或 GitHub 嗎?** **A:** Pro 可以。匯出流程會附上完整報告,包括重現步驟、環境、主控台輸出、網路紀錄與錄影。 **Q:報告會留在我的電腦上嗎?** **A:** 預設會。免費方案匯出本機 HTML 檔。托管分享連結是 Pro 功能,僅在你點擊 Share 時執行,並附 30、60 或 90 天自動刪除。 ### 🚀 開始使用 安裝後釘到工具列,不到一分鐘就能提交第一張工單。免費方案對大多數小型團隊來說足以取代"截圖加 Slack";升級到 Pro 就能獲得托管分享連結、Jira、Linear、GitHub 匯出、自訂遮罩與無限使用。由 Peak Productivity 以無遠端程式碼的 Manifest V3 擴充功能形式提供。