在 Mac 或 Windows 上截取整個網頁的 10 種方法
如果您正在尋找如何在 Mac 或 PC 上捕獲完整的網頁截圖，這篇文章適合您。 我嘗試了一些聲稱能夠截取整個網頁的工具和技術，但在撰寫本文時只有少數仍然有效。
您想快速完成此操作，因此我將逐步向您展示如何操作。 我還將指出每種方法的優缺點，只是想節省您的時間來確定哪種方法最適合您。
本指南適用於那些想要截取整個或長網頁的完整屏幕截圖的人 – 這意味著有些部分在您的屏幕上並不完全可見。
如果您只是想捕獲靜態窗口或完整的桌面屏幕，本指南是 不 為你。 您可以使用計算機或手機上的內置工具快速完成此操作： 轉移 + 命令 + 4 (macOS) 或 按Ctrl + PrtScn則 （Windows）。
概要：
- 不想下載任何軟件或擴展程序？ 嘗試 方法1 or 方法7.
- 如果您使用的是 Mozilla Firefox 瀏覽器，請嘗試 方法2.
- 如果您想捕獲屏幕截圖並進行簡單的編輯，請嘗試 方法三、五、六.
快速更新：對於 Mac 用戶，甚至可以在沒有瀏覽器擴展的情況下捕獲全尺寸屏幕截圖。
1. 在 Chrome 中打開 DevTools (command + option + I)
2. 打開命令菜單（command + shift + P）並輸入“screenshot”
3. 選擇“截屏”的“截屏”兩個選項之一。
4. 捕獲的圖像將下載到您的計算機。
– 提示由我們的讀者 Hans Kuijpers 提供。
目錄
1. 將整個網頁打印並保存為 PDF
假設您想從 Yahoo Finance 提取損益表。 首先，在網絡瀏覽器上打開頁面。 在這裡，我以 Mac 上的 Chrome 為例。
第 1 步：在 Chrome 菜單上， 單擊文件 > 打印。
第 2 步：單擊“保存”按鈕將頁面導出為 PDF 文件。
第 3 步：如果要將財務表嵌入到 PowerPoint 項目中，可能需要先將 PDF 轉換為 PNG 或 JPEG 格式的圖像，然後僅裁剪圖像以包含數據部分。
優點：
- 它很快。
- 無需下載任何第三方軟件。
- 截圖質量很好。
缺點：
- 將 PDF 文件轉換為圖像可能需要額外的時間。
- 很難直接自定義屏幕截圖。
2. 火狐截圖（火狐用戶）
Firefox Screenshots 是 Mozilla 團隊開發的一項新功能，可幫助您截取、下載、收集和分享屏幕截圖。 您可以使用此功能快速保存整個網頁的屏幕截圖。
第 1 步：單擊地址欄中的“頁面操作”菜單。
第2步：選擇“保存整頁”選項。
第 3 步：現在您可以選擇將圖像直接下載到您的計算機桌面。
旁注: 我看到這個功能還在 BETA 中，所以不能保證 Firefox 會保留它。 但是到這篇文章最後一次更新時，這個功能仍然可以使用。 此外，最流行的網絡瀏覽器（如 Apple Safari 或 Google Chrome）還沒有提供此功能。
3. Parallels Toolbox for Mac (Safari)
如果您想在 Mac 上進行滾動屏幕截圖，您會喜歡這個名為“屏幕截圖頁面”的功能 Parallels Toolbox 其中包括一些小型實用程序。
注意：Parallels Toolbox 不是免費軟件，但它提供 7 天試用版，沒有任何功能限制。
步驟 1： 下載 Parallels 工具箱 並在您的 Mac 上安裝該應用程序。 打開它並找到 截圖 > 截圖頁面.
步驟2：點擊 截圖頁面 它會帶你到另一個窗口，要求向 Safari 添加擴展。 啟用後，您會在 Safari 瀏覽器上看到此圖標。
第 3 步：選擇您要截屏的頁面並單擊 Parallels 截屏圖標，然後它將自動滾動您的頁面並截屏並保存為桌面上的 PDF 文件。
優點：
- 輸出 PDF 文件的質量非常好。
- 您不必手動滾動，因為應用程序會為您完成。
- 除了截取網頁外，您還可以截取區域或窗口。
缺點：
- 安裝應用程序需要一些時間。
- 它不是免費軟件，但提供 7 天無限制試用。
4. 很棒的截圖插件（適用於 Chrome、Firefox、Safari）
Awesome Screenshot 有一個插件，可以捕獲任何網頁的全部或部分內容。 此外，它還允許您編輯屏幕截圖：您可以評論、添加註釋、模糊敏感信息等。該插件與包括 Chrome、Firefox 和 Safari 在內的主要網絡瀏覽器兼容。
以下是添加插件的鏈接：
我已經在 Chrome、Firefox 和 Safari 上測試了該插件，它們都運行良好。 為方便起見，我將使用 Google Chrome 作為示例。 使用 Awesome Screenshot for Firefox 和 Safari 的步驟非常相似。
第 1 步：打開上面的 Chrome 鏈接，然後單擊“添加到 Chrome”。
第 2 步：點擊“添加擴展程序”。
第 3 步：一旦擴展圖標出現在 Chrome 欄上，單擊它並選擇“捕獲整個頁面”選項。
第 4 步：在幾秒鐘內，該網頁會自動向下滾動。 將打開一個新頁面（見下文），向您顯示帶有編輯面板的屏幕截圖，該面板允許您裁剪、註釋、添加視覺效果等。完成後單擊“完成”。
第5步：點擊“下載”圖標保存截圖圖像。 而已！
優點：
- 極其易於使用。
- 圖像編輯功能很棒。
- 它與主要的網絡瀏覽器兼容。
缺點：
- 據其開發人員稱，該擴展可能會遇到一些操作問題。 我還沒有遇到任何此類問題。
5. 使用 Snagit 捕獲滾動窗口或整個頁面
我很喜歡 SnagIt的 (檢討）。 這是一款功能強大的截屏和編輯應用程序，可讓您執行與截屏相關的幾乎所有操作。 要截取網頁的完整屏幕截圖，請按照以下步驟操作（我將使用 Snagit for Windows 作為示例）：
請注意：Snagit 不是免費軟件，但它有 15 天的免費試用期。
步驟 1： 獲取 Snagit 並將其安裝在您的 PC 或 Mac 上。 打開主捕獲窗口。 在下面 圖像 > 選擇，確保選擇“滾動窗口”。 點擊紅色捕獲按鈕繼續。
第 2 步：找到您要截屏的網頁，然後將光標移動到該區域。 現在 Snagit 將被激活，您會看到三個黃色箭頭按鈕在移動。 底部箭頭代表“捕獲垂直滾動區域”，右箭頭代表“捕獲水平滾動區域”，右下角箭頭代表“捕獲整個滾動區域”。 我單擊了“捕獲垂直滾動區域”選項。
第 3 步：現在 Snagit 會自動滾動頁面並捕獲屏幕外部分。 很快，會彈出一個 Snagit Editor 面板窗口，其中包含剛剛拍攝的屏幕截圖。 看到那裡列出的可用編輯功能了嗎？ 這就是 Snagit 從人群中脫穎而出的原因：您可以根據需要進行任意數量的更改，並提供大量選項。
優點：
- 它能夠捕獲滾動網頁以及窗口。
- 強大的圖像編輯功能。
- 非常直觀且易於使用。
缺點：
- 下載和安裝應用程序需要時間（約 90MB 大小）。
- 它不是免費的，但有 15 天的試用期。
6. Capto App（僅適用於 Mac）
滿Capto 是許多 Mac 用戶的生產力應用程序，包括我自己。 該應用程序的核心價值是在您的 Mac 上錄製屏幕視頻，但它還允許您捕獲屏幕截圖並將圖像保存到其庫中。 然後，您可以輕鬆地編輯、組織和共享它們。
注意：與 Snagit 類似，Capto 也不是免費軟件，但它確實提供了您可以利用的試用版。
以下是使用 Capto 截取整個屏幕截圖的方法：
第 1 步：打開應用程序，然後在菜單頂部單擊“Web”圖標。 在那裡，您可以選擇以不同方式捕捉網頁的 URL。 例如，如果您已經在頁面上，只需單擊“Snap Active Browser URL”
第 2 步：您還可以使用左側面板上的工具編輯屏幕截圖，例如突出顯示區域、添加箭頭或文本等。
第 3 步：現在 Capto 將提取頁面元素並將圖像保存到其庫中。 然後選擇文件 > 導出以將其保存在本地。
注意：如果您選擇讓 Capto 從活動瀏覽器中捕捉網頁，如果網頁較長，這可能需要一些時間。
其他方法
在我的探索過程中，我還發現了一些其他的工作方法。 我不想將它們放在上面，因為考慮到您需要投入的時間和精力以及輸出質量，它們並沒有那麼好。 儘管如此，它們確實有效，因此請隨意嘗試其中的一些。
7. 在沒有瀏覽器擴展的情況下在 Chrome 上捕獲全尺寸屏幕截圖
我們的一位讀者 Hans Kuijpers 很好地分享了這個技巧。
- 在 Chrome 中打開 DevTools (OPTION + CMD + I)
- 打開命令菜單（CMD + SHIFT + P）並輸入“屏幕截圖”
- 選擇“捕獲屏幕截圖”的兩個選項“捕獲全尺寸屏幕截圖”之一。
- 捕獲的圖像將下載到您的計算機。
8. Web-Capture.Net
這是一個在線全長網站截圖服務。 你先 打開網站，複製您要截屏的網頁的 URL，並將其粘貼到此處（見下文）。 您還可以選擇要導出的文件格式。 按鍵盤上的“Enter”繼續。
要有耐心。 我花了大約兩分鐘才看到消息，“您的鏈接已被處理！ 您可以下載文件或 ZIP 存檔。” 現在你可以下載截圖了。
優點：
- 它的工作原理。
- 無需安裝任何軟件。
缺點：
- 其網站上有大量廣告。
- 截圖過程很慢。
- 沒有圖像編輯功能。
9. 全頁截屏（Chrome 擴展）
與 Awesome Screenshot 類似，Full Page Screen Capture 是一個非常易於使用的 Chrome 插件。 只需安裝它（這是鏈接 到其擴展頁面）在您的 Chrome 瀏覽器上，找到您要捕獲的網頁並點擊擴展圖標。 屏幕截圖幾乎是立即製作的。 但是，我發現它沒有那麼吸引人，因為它沒有 Awesome Screenshot 所具有的圖像編輯功能。
10. 狗仔隊（僅限 Mac）
更新：此應用已經很久沒有更新了，可能與最新的 macOS 存在兼容性問題。 因此我不再推薦它了。
狗仔隊！ 是由 Nate Weaver 設計和開發的 Mac 實用程序，專門用於製作網頁截圖。 這很直觀。 只需複制並粘貼網頁鏈接，定義圖像大小或延遲時間，應用程序將為您返回結果。 完成後，單擊右下角的下載圖標以導出屏幕截圖。
我主要擔心的是該應用程序最近一次更新是在幾年前，所以我不確定它是否會與未來的 macOS 版本兼容。
這些是為完整或滾動網頁截取屏幕截圖的不同方法。 就像我在快速總結部分所說的那樣，不同的方法各有優缺點，因此請務必選擇最適合您需求的方法。 我將留給您選擇使用哪個。
與往常一樣，如果您有任何問題或建議，請隨時在下方發表評論。
最新文章