安裝 · 擷取 · 註解 · 匯出

# 說明文件

如何安裝與使用 OpenScreenShot——開放原始碼的 Chrome 截圖與註解擴充功能。

## 本頁內容

- [安裝](https://openscreenshot.app/zh-tw/docs/#install)
- [擷取截圖](https://openscreenshot.app/zh-tw/docs/#capture)
- [擷取模式](https://openscreenshot.app/zh-tw/docs/#modes)
- [擷取之後](https://openscreenshot.app/zh-tw/docs/#after-capture)
- [註解](https://openscreenshot.app/zh-tw/docs/#annotate)
- [Beautify（美化）](https://openscreenshot.app/zh-tw/docs/#beautify)
- [註解你已有的圖片](https://openscreenshot.app/zh-tw/docs/#import)
- [匯出](https://openscreenshot.app/zh-tw/docs/#export)
- [錄製分頁](https://openscreenshot.app/zh-tw/docs/#record)
- [草稿](https://openscreenshot.app/zh-tw/docs/#drafts)
- [鍵盤快速鍵](https://openscreenshot.app/zh-tw/docs/#shortcuts)
- [設定](https://openscreenshot.app/zh-tw/docs/#settings)
- [AI 代理與 CLI](https://openscreenshot.app/zh-tw/docs/#agents-cli)
- [隱私](https://openscreenshot.app/zh-tw/docs/#privacy)
- [取得協助](https://openscreenshot.app/zh-tw/docs/#support)

## 安裝

OpenScreenShot 可在 Chrome 線上應用程式商店取得。

1. 在 Chrome 開啟 [OpenScreenShot 的商店頁面](https://chromewebstore.google.com/detail/hdabbojjccojlapnfjpdppcpfcnhgmdp)。
2. 點「**加到 Chrome**」。
3. 接受權限。擴充功能需要使用中的分頁，以及在該分頁執行擷取指令碼的權限。
4. OpenScreenShot 圖示會出現在你的工具列。點它即可開啟彈出式視窗。

## 擷取截圖

點一下工具列中的 OpenScreenShot 圖示，整頁擷取隨即開始，不經過任何選單。一切都在瀏覽器本機執行。開始擷取有四種方式：

- **工具列圖示** — 一鍵擷取整個網頁。在設定中關閉**一鍵 Express 模式**即可恢復模式選擇彈窗；在圖示上按右鍵可選擇其他模式與設定。
- **鍵盤快速鍵**——整個網頁 `Ctrl+Shift+S`、可見範圍 `Alt+Shift+V`、選取區域 `Ctrl+Shift+E`。macOS 上是 `⌘⇧S`、`⌥⇧V` 和 `⌘⇧E`。擷取元素沒有預設按鍵。可到 `chrome://extensions/shortcuts` 設定或變更任何一個快速鍵。
- **右鍵選單** — 任何網頁上的 OpenScreenShot 子選單都提供相同的四種模式與設定。
- **重複區域**——彈出式視窗底部和右鍵選單可重新擷取上次的區域矩形。這兩個項目在你選取過區域後才會出現。

彈出式視窗的「**延遲**」列可讓擷取等 3、5 或 10 秒，工具列徽章會倒數。適合用在懸停狀態、下拉選單，以及一點別處就關閉的提示框。

## 擷取模式

### 整個網頁

擷取整個可捲動的網頁並拼接成一張圖片。擴充功能逐個視窗高度捲動頁面，擷取每個圖塊，再合成在一起。固定式頁首在第一個圖塊被擷取，並且只在頂端合成一次。捲動的是內部元素而非視窗的頁面也可以。高度超過單張圖片上限（32,000 裝置像素）的頁面，最多會存成六張圖片：選「下載」時每個部分會分別命名，選「編輯器」或「剪貼簿」時每個部分會在各自的編輯器分頁中開啟。

### 可見範圍

立即擷取目前的可視區域，不捲動。想快速截下畫面上正在顯示的內容，就用這個。

### 選取區域

按住拖曳畫出矩形。每個邊和角都會出現調整控點。用方向鍵一次微調 1 像素，按住 `Shift` 一次移動 10 像素。按 `Enter` 確認，按 `Esc` 取消。

### 元素

在頁面上移動滑鼠，選取卡片、圖表、表格、圖片或其他元素，然後點一下或按 `Enter`，即可精確擷取它的邊界範圍。`↑` 選取父元素，`↓` 選取子元素，`←`/`→` 選取相鄰的元素。如果元素沒有完全顯示，選取工具會改為提供整頁擷取。

## 擷取之後

彈出式視窗的「**擷取後**」列決定完成的擷取要做什麼。它套用到每個入口：彈出式視窗按鈕、鍵盤快速鍵和右鍵選單。

- **編輯器**——在新分頁開啟註解編輯器。這是預設值。
- **剪貼簿**——複製截圖並跳過編輯器。可以直接貼到聊天、文件或 issue 裡。
- **下載**——把截圖存到下載資料夾並跳過編輯器。快速儲存會存成 PNG。

剪貼簿和下載不會開分頁，所以工具列徽章就是完成的確認。擷取失敗時徽章會閃 `!`。彈出式視窗底部的「**重開上一張**」隨時可在編輯器開啟最近一次擷取。

## 註解

編輯器在完整分頁開啟，並從本機儲存空間載入最近一次擷取。每個工具都有一個字母快速鍵。

- **選取** `V`——移動、調整大小或刪除任何註解。雙擊文字圖層可重新編輯。
- **形狀** `R`——畫矩形、圓角矩形、橢圓或三角形。**填色**可設為無，或以線條顏色實心填滿；按住 `Shift` 可讓各邊等長，橢圓就會變成圓形。
- **箭頭** `A`——畫一個有方向的箭頭，尖端可選實心、空心、雙向或圓點。拖曳中間的圓形控點可把它彎成曲線。
- **直線** `L`——沒有尖端的箭頭。
- **畫筆** `P`——自由手繪。
- **螢光筆** `H`——半透明的自由筆畫。
- **文字** `T`——加入文字方塊，大小由字級控制項決定。
- **步驟編號** `S`——會自動遞增的編號標記，刪掉一個時其餘會重新編號。
- **模糊** `B`——用柔和模糊、粗馬賽克或不透明填滿遮住敏感內容。不透明填滿在重新壓縮後仍然有效。
- **Spotlight（聚光）** `O`——矩形、圓角矩形或橢圓挖空，會合併成同一層變暗遮罩。
- **滴管** `I`——從擷取取色。它取樣的是你看到的畫面，所以聚光範圍內或美化漸層上的顏色都照所見取色。顏色列上的色票按鈕會開啟 Chrome 的全螢幕取色器，可取畫布以外的任何顏色。
- **裁切** `C`——把圖片修剪成選取的範圍。
- **Cut（剪除）** `X`——在長擷取上標出水平區帶並將其移除，附即時預覽。

繪製時按住 `Shift` 可畫出等邊的形狀，以及對齊 45° 的直線和箭頭。樣式列有對應 `1`–`8` 的 8 色調色盤、自訂顏色、最近使用的顏色、四種會依擷取大小縮放的線寬，以及字級控制項。你的選擇會跨工作階段記住。在工具欄上拖曳工具，即可把常用的工具排在前面，或用 `Alt+↑` / `Alt+↓` 移動目前聚焦的工具。復原和重做是 `Ctrl+Z` / `Ctrl+Shift+Z`，macOS 上是 `⌘Z` / `⌘⇧Z`。

## Beautify（美化）

頂欄的「**Beautify（美化）**」面板為截圖加上分享用的外框：「**風格**」，加上「**邊距**」、「**圓角**」和「**陰影**」滑桿，以及由六種漸層、自訂單色或透明組成的「**背景**」。外框即時預覽，並帶進每次匯出、剪貼簿和 PDF。

## 註解你已有的圖片

把圖片檔拖放到編輯器畫面上，或在文字欄位以外用 `Ctrl+V` / `⌘V` 貼上。匯入的圖片和擷取享有同樣的位置，所以每個工具、美化外框和每條匯出路徑都照常運作，頂欄會顯示「**已匯入**」。匯入會取代畫布，所以有註解會遺失時，編輯器會先詢問。

## 匯出

點編輯器頂欄的「**儲存圖片**」，或按 `Ctrl+S` / `⌘S`，即可開啟「**匯出**」對話框。旁邊的「**複製**」會把 PNG 放到剪貼簿，「**PDF**」則一鍵儲存 PDF。在對話框中選擇格式：

- **PNG**——無損，保留透明。
- **JPEG**——檔案較小，品質可調。
- **WebP**——品質可調如 JPEG，透明如 PNG。
- **PDF**——匯出成單頁圖片、符合 A4/Letter，或分成多頁並保留 5mm 重疊，避免內容被攔腰切斷。

「**縮放比例**」可用 25、50、100 或 200% 匯出，也可以指定精確的像素寬度。PDF 依頁面調整大小，所以此控制項在 PDF 隱藏。超過 Chrome 畫布上限的尺寸會被拒絕，而非寫出空檔案。

`Ctrl+C` / `⌘C` 把完成的圖片直接複製到剪貼簿。匯出對話框也可以把目前設定存為新的預設值。

## 錄製分頁

Chrome 版支援錄製分頁；Firefox 版目前只支援截圖。點選彈出視窗中的**錄影**，會在頁面旁開啟錄製分頁。錄製進行時，在任何分頁按下 `Alt+Shift+X` 都能停止。第一次錄製時，Chrome 會要求一次分頁擷取權限。

### 開始錄影

錄製分頁會顯示頁面的圖片和攝影機的即時畫面。在那裡開啟**麥克風**、**分頁音訊**或**視訊鏡頭**；瀏覽器本身的權限要求會出現在該分頁中。在圖片上拖曳可以只錄製頁面的一部分，也可以保留**整個分頁**。點選**開始錄製**，OpenScreenShot 會切換到你的頁面。

如果錄製過程中跳轉到其他網站，點擊記錄需要選用的「跨網站錄製」權限（見[設定](https://openscreenshot.app/zh-tw/docs/#settings)）才能跟隨。沒有這項權限時，工具列徽章會變成琥珀色，影片其餘部分的縮放和點擊效果會停止。影片本身會繼續錄製。

### 錄製分頁

錄製時，錄製分頁會顯示計時器以及暫停/繼續、停止和取消按鈕。被錄製的頁面上不會加入任何東西，所以影片裡不會出現控制項。回到該分頁即可停止，或按下 `Alt+Shift+X`。停止後，同一個分頁會開啟編輯器。

視訊鏡頭會以圓形泡泡加入匯出，位置在編輯器中設定；編輯器會把影片裁切到你選擇的範圍。

### 編輯器

按停止後，錄影編輯器會把你的錄影放上時間軸。編輯器在游標的每次點擊自動加入平滑的 2x 縮放——可以調整或刪除任何一個，也可以手動加入 1.5x、2x 或 3x 的縮放區塊。拖曳控點即可修剪任何片段的開頭或結尾。點擊漣漪標出你點擊的位置；視訊鏡頭泡泡、Beautify（美化）外框和麥克風/分頁音訊音量滑桿都在側邊面板。「顯示游標」會沿著錄下的游標路徑畫出平滑的指標，可在設定欄關閉。

### 匯出

匯出會透過畫布重新算繪整段錄影，混入你設定的音軌和效果，預設下載 MP4 檔案（H.264 與 AAC），也可以從按鈕旁的選擇器改為 WebM。MP4 上限為 4096×2304，所以較大的分頁會縮小到符合上限。不支援 MP4 錄製的瀏覽器只能匯出 WebM。

## 草稿

編輯過程會即時儲存在本機。如果編輯器分頁關閉或當機，下一個編輯器分頁會把草稿還給你。還原永遠只是一個點擊，所以過期的草稿絕不會蓋掉你想重新開始的擷取。裁切過的圖片有自己的草稿，所以註解絕不會還原到錯的圖片上。

## 鍵盤快速鍵

在編輯器按 `?` 可看完整的快速鍵表。除了上面的工具字母以外：

- `1`–`8`——設定註解顏色。
- `Ctrl+C` / `⌘C`——複製到剪貼簿。
- `Ctrl+S` / `⌘S`——匯出。
- `Backspace`——刪除所選的註解。
- `Esc`——取消選取，或取消裁切。
- `Ctrl` / `⌘` 加 `+`、`−` 或 `0`——放大、縮小、實際大小。`F` 符合螢幕。
- `Space` + 拖曳——平移畫布。

`Alt+Shift+X` 可在任何地方停止目前的錄影——不需要開著編輯器或彈出式視窗。

## 設定

開啟彈出式視窗的齒輪圖示即可設定：

- **主題**——淺色、深色或系統。
- **預設格式**——PNG、JPEG、WebP 或 PDF。
- **品質**——適用於 JPEG、WebP 和 PDF。
- **檔名範本**——點代碼標籤即可插入 `{date}`、`{time}`、`{title}`、`{domain}`、`{w}` 或 `{h}`。即時預覽會顯示結果。加入 `/` 可儲存到「下載」中的資料夾，例如 `Screenshots/{title}`。

設定存在這台裝置的本機儲存空間。面板底部的「**恢復預設值**」需要按兩次。

**跨網站錄製**——預設關閉。開啟時會要求選用的 `<all_urls>` 主機權限，讓點擊記錄能跟隨錄製中跳轉到新網站的分頁。

## AI 代理與 CLI

`openscreenshot`（npm）是獨立、選用的本機工具，讓你從命令列或 AI 代理腳本化截圖。它驅動你機器上現有的 Chrome——不用下載瀏覽器，也沒有託管服務。如果自動找不到你的 Chrome，請設定 `CHROME_PATH`。

```
pnpm dlx openscreenshot shot https://example.com --out shot.png --full
```

作為 MCP 伺服器時，把這段加入你的 MCP 用戶端設定：

```
{ "command": "pnpm", "args": ["dlx", "openscreenshot"] }
```

然後用 `{ "url": "https://example.com" }` 呼叫 `capture_screenshot` 工具。選用的輸入有 `fullPage`（預設 false）、`width`（200–3840，預設 1280）、`height`（200–2160，預設 800）和 `redact`，它會在擷取前用黑色方塊遮蓋 CSS `selectors`、文字 `patterns`（`email`、`phone`、`secret`）和像素 `rects`。工具會把 PNG 圖片內容回傳給你的用戶端。使用託管模型的用戶端可能會把該圖片傳送給它的供應商；不能離開裝置的資料請使用 `redact`，並檢查用戶端的資料設定。

## 隱私

OpenScreenShot 的所有處理都在你的瀏覽器本機執行。擷取存在 Chrome 本機儲存空間，不會上傳到任何伺服器。錄影、游標記錄和麥克風/視訊鏡頭串流留在你裝置的 IndexedDB 裡，直到你刪除為止。擴充功能沒有分析、沒有遙測，也沒有第三方服務。

完整細節請見[隱私權政策](https://openscreenshot.app/zh-tw/privacy/)。

## 取得協助

常見問題與已知限制請見[支援與常見問題](https://openscreenshot.app/zh-tw/support/)頁面。如需更多協助，請到 [GitHub](https://github.com/pghqdev/OpenScreenShot/issues) 開一個 issue。

## 安裝 OpenScreenShot

免費、開放原始碼、私密。可在 Chrome 線上應用程式商店取得。

[加到 Chrome](https://chromewebstore.google.com/detail/hdabbojjccojlapnfjpdppcpfcnhgmdp) [加入 Firefox](https://addons.mozilla.org/firefox/addon/openscreenshot/)

---

Canonical page: https://openscreenshot.app/zh-tw/docs/