網(wǎng)頁截圖：不同瀏覽器截圖方法詳解

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

谷歌Chrome瀏覽器

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

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

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

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

蘋果Safari瀏覽器

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

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

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

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

微軟Edge瀏覽器

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

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

您的截圖將出現(xiàn)在一個單獨的窗口中：如果需要，您可以使用簡單的筆工具對截圖進行註釋。在窗口的右上角，您可以找到將截圖複製到系統(tǒng)剪貼板或?qū)⑵浔４娴酱疟P的圖標。

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

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

Mozilla Firefox瀏覽器

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

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

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

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

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