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

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

谷歌Chrome瀏覽器

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

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

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

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

蘋(píng)果Safari瀏覽器

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

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

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

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

微軟Edge瀏覽器

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

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

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

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

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

Mozilla Firefox瀏覽器

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

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

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

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

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