Recorder

紀錄網頁的操作，並且筆記起來!讓你輕鬆回顧和分享!

Local Bug Recorder is a local-first Chrome extension for recording browser actions on normal http and https web pages. It captures operation steps, URLs, visible viewport screenshots, cursor highlights, element metadata, and environment details so QA, product managers, support teams, and developers can create reproducible bug reports. The extension does not require an account, does not upload data to a server, does not use analytics, and does not use tracking scripts. Recorded data is stored locally in Chrome IndexedDB and Chrome local storage. Key features: - Record clicks, input, changes, form submit, scroll, selected key events, URL changes, and basic tab switching. - Capture visible viewport screenshots with cursor highlights. - Generate editable Bug Reports with environment data and steps to reproduce. - Export JSON, HTML, Markdown, Bug Report Markdown, Bug Report HTML, and Playwright draft scripts. - Mask sensitive metadata such as passwords, email addresses, phone numbers, tokens, JWTs, and credit card-like values. - Annotate screenshots with rectangles, arrows, text, and simple blur masks. - Keep all recorded data local. ### 繁體中文 Local Bug Recorder 是一個 local-first 的 Chrome 擴充功能，用於在一般 http / https 網頁上記錄瀏覽器操作流程。工具會保存操作步驟、URL、可見範圍截圖、游標標記、元素 metadata 與環境資訊，協助 QA、PM、客服與工程師建立可重現的 Bug Report。 本工具不需要帳號、不會上傳資料到伺服器、不使用 analytics、不使用 tracking script。所有錄製資料都儲存在使用者本機的 Chrome IndexedDB 與 Chrome local storage。 主要功能： - 記錄 click、input、change、submit、scroll、指定 key event、URL 變更與基本分頁切換。 - 擷取可見範圍截圖，並在截圖中保留游標標記。 - 產生可編輯的 Bug Report，包含環境資訊與重現步驟。 - 匯出 JSON、HTML、Markdown、Bug Report Markdown、Bug Report HTML、Playwright 草稿。 - 盡力遮罩 password、email、phone、token、JWT、信用卡格式等文字 metadata。 - 可用矩形、箭頭、文字、簡易遮罩工具標註截圖。 - 所有資料只保存在本機。