Screenshot Annotation自動吸附元素。
原位完成標註。
一款 Chrome 擴充功能，能截圖並自動將方框、畫圈與箭頭貼合你滑鼠指向的真實網頁元素。從此不必再徒手畫歪斜的形狀。
因為我受夠了對不齊的方框
我常寫錯誤回報與產品意見。每次流程都一樣：截圖、貼進編輯器、小心翼翼地在我要強調的按鈕周圍畫一個方框，發現差了幾像素，復原、重畫、重做。每張截圖上的每個標註都重來一次。
那些方框永遠對不準真正的 UI 元素。邊緣模糊。圓圈看起來像徒手畫的——因為確實是徒手畫的。
所以我自己做了這個工具。當你把滑鼠移到某個元素上，擴充功能會讀取它的 getBoundingClientRect，並產生一個完美貼合這些邊界的乾淨標註。一點即成，像素精準。
— Virgil，獨立開發者。自 2024 年起打造這款工具。標註截圖所需的一切
十二種標註工具、文字擷取、敏感資訊馬賽克、多格式匯出——全部整合在同一條工具列。
吸附 DOM 元素
把滑鼠移到任何按鈕、卡片、圖片或文字區塊上——一點即得完美貼合的方框、畫圈或箭頭。 為截圖加上螢光標示 →
12 種標註工具
方框、橢圓、直線、箭頭、高亮筆、文字、編號步驟、印章、馬賽克，以及原位放大。 為截圖加上標註 →
原位放大標註
選取一塊範圍——工具會自動裁去留白並原位放大。最適合用來強調微小的 UI 細節。 了解放大怎麼運作 →
馬賽克與遮蔽
對任意範圍像素化、模糊或加上黑色遮罩，遮蔽密碼、API 金鑰、電子郵件或人臉。 模糊截圖 →
文字擷取
從任何截圖把可讀文字拉到剪貼簿。來源是即時 DOM，不是 OCR——所以一字不差。
PNG / JPG / PDF + 自動複製
三種格式任你下載。當你關閉編輯器時，結果早已複製到剪貼簿。
三個步驟。不必切換視窗。
編輯器直接在原頁面上開啟——沒有新分頁，不離開你的工作流程。
截圖
按 Alt+A（Windows）或 ⌘⇧S（Mac）擷取可視區域，按 Alt+C / ⌘⇧X 拖曳範圍，或在頁面上按右鍵。
標註
把滑鼠移到元素上即可 highlight，點一下貼合出一個形狀。或在空白處自由繪製。
匯出
關閉編輯器——結果會自動複製到剪貼簿。或下載為 PNG / JPG / PDF。
各工具比較
誠實的並排比較。其他工具都不錯——只是這款能做到元素吸附，它們做不到。
| Feature | Screenshot Annotation | Lightshot | Awesome Screenshot | Snagit |
|---|---|---|---|---|
| 吸附真實 DOM 元素 | 是 — 核心 | 徒手畫 | 徒手畫 | 徒手畫 |
| 頁面內編輯器 | 是 | 桌面應用 | 新分頁 | 桌面應用 |
| 文字擷取 | 是（DOM） | — | — | 是（OCR） |
| 原位放大 | 是 | — | — | 手動 |
| 編號自動重編 | 是 | — | — | 手動 |
| 免費 | 完全免費 | 免費 | Freemium | $49.99+ |
| 無追蹤 / 分析 | 零請求 | 有分析 | 有分析 | 有分析 |
| 整頁擷取 | 規劃中 | — | 是 | 是 |
| 錄影 | 不規劃 | — | 是 | 是 |
資訊反映各工具官網於 2026 年 8 月之功能。若有誤，歡迎來信告知。
技術細節
寫給進階使用者、IT 管理員與審查者。
相容性
- 瀏覽器Chrome MV3
- 亦支援Edge、Brave、Arc
- 作業系統Win / macOS / Linux
- 介面語言EN、ZH-TW、JA、ES、FR、DE
- 最低 Chrome 版本88+
套件與權限
- 套件大小316 KB
- 權限5 個（最小化）
- 網路請求0
- 背景腳本1 個 service worker
- 第三方套件0
截圖快捷鍵
- 可視區域Alt + A
- 拖曳範圍Alt + C
- 右鍵 → 自由範圍滑鼠
- 復原 / 重做⌘Z / ⌘⇧Z
- 儲存 / 關閉⌘S / Esc
編輯器工具快捷鍵
- 選取V
- 方框 / 橢圓R / O
- 直線 / 箭頭L / A
- 高亮 / 文字H / T
- 編號 / 馬賽克 / 放大N / M / Z
常見問題解答
真的完全免費嗎？有什麼條件？
是的。沒有付費方案、沒有進階版、沒有應用內購買、不必建立帳號。這是我為自己打造的工具，每月營運成本是 $0——因為根本沒有後端。
它會把我的截圖送到任何地方嗎？
不會。這款擴充功能不發出任何網路請求。一切都在本機完成；截圖永遠不會離開你的裝置。你可以在截圖過程中開啟 network 分頁自行驗證。
為什麼需要這些權限？
五個權限，全部都只服務於截圖流程：activeTab 擷取分頁、scripting 讀取元素位置、storage 記住你的偏好、unlimitedStorage 處理超過 Chrome 預設 5 MB 上限的高 DPI 截圖、contextMenus 加入右鍵選單。沒有 history、沒有 cookies、沒有 webRequest。
Edge、Brave 或 Arc 也能用嗎？
可以——任何支援 Chrome 擴充功能的 Chromium 瀏覽器都行。直接從 Chrome 線上應用程式商店安裝即可。
Mac 和 Windows 呢？
兩者都支援。Windows 與 Linux 的快捷鍵是 Alt+A / Alt+C，macOS 是 ⌘⇧S / ⌘⇧X——因為 macOS 沒有 Alt 鍵，所以改用 ⌘⇧。
為什麼在 chrome:// 頁面不能用？
Chrome 禁止所有擴充功能在其內部頁面（chrome://、線上應用程式商店、設定）上執行。這是平台限制，不是 bug。
可以擷取整頁或捲動截圖嗎？
目前還不行。現在可擷取可視區域或拖曳範圍。整頁擷取已列在開發藍圖上。
如何回報 bug？
請來信 virgil1126@gmail.com。我會看每一封信，通常在 48 小時內回覆。各版本改了什麼，請見更新紀錄。
開發藍圖與已知限制
哪些已完成、哪些即將到來，以及——就算你開口——這款擴充功能不會做的事。
已完成近期推出
- 多格式匯出（PNG / JPG / PDF）
- 從 DOM 擷取文字
- 6 種介面語言（EN、繁中、JA、ES、FR、DE）
- 編輯器關閉時自動複製
- 為資安加入來源驗證
下一步開發中
- 整頁 / 捲動擷取
- 延遲截圖（倒數計時）
- 自訂鍵盤快捷鍵重設
- 更多標註預設樣式
也許考慮中
- 偏好設定雲端同步（自願加入）
- 標註範本
- 團隊共用色票
不做不在範圍內
- 錄影 / 螢幕錄製
- 帳號系統
- 付費方案或應用內購買
- 遙測或使用分析
這背後是誰
不是公司。沒有創投。就一個開發者在解決自己的問題。
Virgil
我是一名軟體工程師，受不了徒手畫截圖標註。這是我當初希望世上存在的工具——小巧、快速、注重隱私、只專注做好一件事。
我會看每一封來信、盡快修 bug，並定期推出更新。沒有團隊、沒有藍圖會議、沒有成長團隊。