如何進行網頁的屏幕截圖（和滾動屏幕截圖）

網頁截圖：不同瀏覽器截圖方法詳解

您是否需要保存或分享網頁內容？本文將指導您如何使用不同瀏覽器高效截取網頁截圖，包括全屏截圖和局部截圖。與普通截圖不同，網頁截圖需要去除瀏覽器工具欄、菜單等界面元素，只保留網頁內容本身。

谷歌Chrome瀏覽器

桌面版Chrome瀏覽器內置截圖功能隱藏在開發者工具中。打開目標網頁後，按下 Ctrl Shift I (Windows) 或 Cmd Option I (macOS) 打開開發者工具面板。然後：

1. 點擊開發者工具面板右上角的三個點。
2. 選擇“運行命令”。
3. 輸入“screenshot”調出截圖選項。
4. 點擊“捕獲全尺寸截圖”截取整個頁面。
5. 點擊“捕獲截圖”截取頁面可見區域。

稍後將彈出保存對話框，您可以選擇保存截圖的位置。如果您覺得內置選項過於繁瑣，許多第三方截圖工具可供選擇，例如Webpage Screenshot和GoFullPage，它們都是非常流行的免費工具，並提供多種選項（前者功能更強大，後者更簡潔）。

對於移動端，安卓版Chrome內置截圖功能，但iOS版Chrome則需要依靠系統自帶的截圖方式。在安卓系統中，打開目標網頁，點擊右上角的三個點，選擇“分享”，然後選擇“長截圖”。

蘋果Safari瀏覽器

與Chrome類似，macOS版Safari瀏覽器的截圖工具也隱藏在開發者選項中，需要先啟用它們：選擇Safari > 設置> 高級 並勾選“顯示網頁開發者功能”複選框。啟用此功能後：

1. 打開“開發”菜單並選擇“顯示網頁檢查器”。
2. 如果尚未打開，則切換到“元素”選項卡。
3. 右鍵單擊代碼的第一行（以HTML標籤開頭）。
4. 從彈出菜單中選擇“捕獲截圖”。

您將看到一個保存對話框，可以選擇保存截圖的位置。這將是一個完整的滾動截圖，包含整個網頁——沒有隻保存可見部分的選項。

我們目前不知道macOS版Safari瀏覽器有哪些高質量的截圖擴展程序。 iOS版Safari也不提供此功能——不過您可以通過常規方式進行滾動截圖，這將捕獲整個頁面。

微軟Edge瀏覽器

桌面版Edge瀏覽器集成了截圖工具，因此截取屏幕截圖並不困難。打開目標網頁後，點擊右上角的三個點，然後選擇“截圖”。

然後，您將看到頁面頂部出現三個選項：“捕獲區域”（通過拖動矩形選擇來捕獲頁面的一部分），“捕獲屏幕區域”（捕獲當前屏幕上的內容）或“捕獲全頁”（捕獲整個頁面）。

您的截圖將出現在一個單獨的窗口中：如果需要，您可以使用簡單的筆工具對截圖進行註釋。在窗口的右上角，您可以找到將截圖複製到系統剪貼板或將其保存到磁盤的圖標。

Edge瀏覽器與Chrome基於相同的代碼基礎，因此如果您需要內置工具無法提供的功能，您可以訪問相同的擴展程序。同樣，Webpage Screenshot和GoFullPage值得一看。

在移動端，Edge遵循Chrome的模板：在安卓系統中，您可以通過點擊菜單按鈕（右下角的三條線），然後選擇“分享”和“滾動截圖”來找到截圖工具。在iOS系統中，您需要依靠系統軟件中內置的方法。

Mozilla Firefox瀏覽器

Firefox桌面版也自帶截圖工具。右鍵單擊您正在查看的網頁，然後選擇“截取屏幕截圖”。

然後您將有三個選項：您可以單擊並拖動頁面上的某個區域，也可以單擊右上角的“保存可見區域”或“保存全頁”按鈕。您將獲得一個預覽窗口以及“複製”或“下載”圖像的選項。

當然，Firefox是最好的瀏覽器之一，因為它支持擴展程序。如果集成選項無法滿足您的需求，您可以使用Easy Screenshot、Lightshot和Awesome Screenshot等附加組件。它們都評價很高，並且具有直觀簡單的界面。

至於移動應用程序，安卓版和iOS版Firefox都沒有內置的截圖功能，因此您需要堅持使用標準的截圖選項。不過，在安卓系統上，您可以將頁面保存為PDF：點擊右上角的三個點，然後點擊頂部的分享圖標，然後選擇“保存為PDF”。

以上是如何進行網頁的屏幕截圖（和滾動屏幕截圖）的詳細內容。更多資訊請關注PHP中文網其他相關文章！