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

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

谷歌Chrome瀏覽器

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

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

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

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

蘋果Safari瀏覽器

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

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

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

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

微軟Edge瀏覽器

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

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

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

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

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

Mozilla Firefox瀏覽器

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

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

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

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

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