DevRecorder icon

DevRecorder

DevRecorder 是專為開發者設計的螢幕錄影工具,結合影片與主控台記錄、網路請求、錯誤和導覽事件,方便團隊除錯、分享錯誤回報並透過連結、問題追蹤器與 AI 工具整合交接情境。

DevRecorder

概覽

DevRecorder 是專為開發者設計的螢幕錄影工具,將影片擷取與同步除錯資料結合。它會把瀏覽器活動與主控台記錄、網路請求、錯誤和導覽事件一起錄下,方便團隊在情境脈絡中檢視發生了什麼。

這項產品是為除錯、錯誤回報與交接流程而設計。使用者可以從 Chrome 擴充功能開始,透過公開連結分享錄影、加入留言,並透過整合與 MCP 支援將錄影推送到問題追蹤器或 AI 程式開發工具。

核心功能

具備同步除錯情境的螢幕錄影

錄製瀏覽器視窗或選定區域,並將主控台記錄、網路請求和導覽事件與影片一起擷取。

以時間軸播放

透過時間軸面板檢視錄影,直接跳到事件並查看主控台錯誤、網路請求與回應細節。

公開分享

透過公開連結分享錄影,讓觀看者無需登入即可觀看含同步除錯資料的影片。

留言與回應

新增帶時間戳記的留言與串接回覆,並可用表情符號回應錄影內容,方便團隊審閱。

專案管理整合

從錄影建立連結的 Linear、Jira、ClickUp 或 Trello 問題或任務,並自動帶入錄影中的情境。

供 AI 工具存取的 MCP

連接 MCP 端點,讓支援的 AI 程式開發工具可直接從你的帳號查詢錄製的錯誤、主控台記錄與網路請求。

常見使用情境

  • 除錯瀏覽器問題

    在保留相關主控台錯誤與網路活動的情況下擷取 bug,讓團隊成員無需重建相同環境也能檢視問題。

  • 錯誤回報交接

    在將工作交接給其他工程師或支援同仁時,分享含同步除錯資料的公開錄影,減少因缺少情境而來回溝通。

  • 協作審閱

    使用帶時間戳記的留言與串接回覆,以團隊方式審閱錄影,特別適合在播放中的特定時刻需要快速討論修正內容。

  • 從錄影建立問題

    當 bug 需要從調查階段進入團隊工作流程時,將錄影轉成 Linear、Jira、ClickUp 或 Trello 中的連結問題或任務。

  • AI 輔助除錯

    當你想在開發流程中直接顯示記錄、錯誤或請求資料時,透過 MCP 伺服器請 AI 程式開發工具查詢最近錄影的細節。

Pros and Cons

Pros

  • 瀏覽器擴充功能流程以 Chrome 為中心,因此文件未提供原生桌面或行動應用程式。
  • 文件記載付費方案提供回應內容擷取、更高儲存空間、更長錄影時間與更多團隊成員,表示 Free 方案的功能範圍較有限。

Cons

  • 將影片與主控台記錄、網路請求和導覽事件一起擷取於同一段錄影中。
  • 文件描述的快速設定流程只需不到 5 分鐘。
  • 支援透過公開連結分享,因此收件者無需登入即可檢視錄影。
  • 包含時間戳記留言、串接回覆與表情回應等協作工具。
  • 可連接問題追蹤器與 AI 程式開發工具,減少手動複製記錄與重現細節。

FAQ

有免費方案或試用嗎?

是。Free 方案包含 5 次錄影、500 MB 儲存空間,而且開始使用不需要信用卡。文件說明你的第一段錄影是免費的。

我要如何開始使用?

文件說明設定只需不到 5 分鐘:使用 Google 建立帳號、安裝 Chrome 擴充功能,然後從擴充功能選單開始錄影。

錄影會擷取哪些資料?

DevRecorder 會隨錄影一併擷取主控台記錄、網路請求和導覽事件。文件也說它可在付費方案中擷取回應內容,並會遮蔽像 Authorization 和 cookies 這類敏感標頭。

我可以與其他人分享錄影嗎?

可以。文件說錄影可透過公開連結分享,觀看者無需登入就能看到含同步除錯資料的影片。

它可以與問題追蹤器或 AI 工具整合嗎?

DevRecorder 支援 Linear、Jira、ClickUp 和 Trello 整合,也提供 MCP 伺服器,供 Claude Code、Cursor、Windsurf 和 VS Code (Copilot) 等 AI 程式開發工具使用。

Quick Facts

類別
開發者工具
平台
Chrome 擴充功能
主要用途
具同步除錯資料的螢幕錄影
整合
Linear、Jira、ClickUp、Trello、MCP
網站
devrecorder.com
定價模式
Free 方案加上付費 Pro 與 Enterprise 方案