擷取整個網頁螢幕截圖的完整指南

2024 年 8 月 02 日阿什莉·梅

我們經常對包含有價值內容的網頁進行螢幕截圖。內建的螢幕截圖工具、第三方軟體,甚至一些社交應用程式都可以幫助捕獲當前螢幕並保留所有資訊以供將來參考或與他人有效共享。你知道怎麼 擷取整個網頁的螢幕截圖?

本文分享了幾種有效的方法來截取整個網頁。無論您是想在 Chrome、Edge、Firefox、Safari 還是您正在使用的其他網頁瀏覽器上截取滾動頁面的螢幕截圖,您都可以找到首選工具。

屏幕截圖整個網頁

第 1 部分:擷取整個網頁螢幕截圖的最佳方法

如果您更喜歡可以在所有瀏覽器中截取整個網頁的全能螢幕截圖工具,請嘗試使用流行的 Aiseesoft屏幕錄影大師。作為一款著名的視訊、音訊和螢幕截圖擷取軟體,它提供了一種在所有瀏覽器(包括 Chrome、Firefox、Edge、Safari 等)上截取全頁螢幕截圖的簡單方法。更重要的是,它可以根據您的顯示器或手機螢幕捕獲最高品質的螢幕截圖。

免費下載前往Windows

安全100% 安全。無廣告。

免費下載對於macOS

安全100% 安全。無廣告。

在 Windows PC 或 Mac 上下載並開啟此螢幕截圖工具,以截取整個網頁的螢幕截圖。它為不同的捕獲任務提供了多種工具,例如視訊錄製器、遊戲錄製器、螢幕擷取、電話錄製器等。選擇螢幕截圖工具來擷取整個網頁的螢幕截圖。

選擇錄像機

您可以根據需要自由擷取整個螢幕、活動視窗或選定區域。 Aiseesoft 提供了各種選項供您直接編輯螢幕截圖、新增標籤等。然後,將整頁螢幕截圖儲存為您喜歡的圖像格式,例如 PNG 或 JPG。

拍攝快照

除了在 Mac 和 PC 上捕獲整個網頁之外,這款功能齊全的螢幕擷取軟體還可讓您在 iPhone 或 Android 手機上擷取螢幕截圖。它可以讓您輕鬆地將手機螢幕鏡像到計算機,然後記錄活動或捕獲網頁和其他螢幕內容。

第 2 部分:在 Mac 和 Windows PC 上截取整個網頁的內建工具

Mac 和 Windows 電腦都有內建螢幕截圖的工具。但是,您只能捕獲當前螢幕。如果您使用的是 Mac,則可以將整個網頁錄製為影片。同樣,您無法截取滾動網頁的螢幕截圖。

捕獲整個網頁截圖的棘手方法

當您進入要擷取的網頁時,應先將瀏覽器設定為全螢幕模式。然後,同時按 Command (Ctrl) 和減號 (-) 鍵縮小頁面,直到無需捲動即可看到所有內容。現在,您可以使用電腦內建的螢幕截圖工具來擷取螢幕。在 Mac 上按 Command + Shift + 4 或在 Windows PC 上按下列印畫面 (Prt Sc) 鍵。截取整個網頁的螢幕截圖後,您可能需要對其進行編輯並刪除兩側不需要的區域。

Mac 內建工具對整個網頁進行螢幕截圖

在 Chrome 上截取整個網頁的螢幕截圖

一些現代瀏覽器提供隱藏的螢幕截圖工具,可以對滾動網頁進行螢幕截圖。例如,您可以依靠 Google Chrome 中的開發人員工具直接擷取全尺寸螢幕截圖。您可以按 Mac 上的 Command + Option + I 鍵或 Windows PC 上的 Ctrl + Shift + I 鍵來存取其開發人員工具。點擊三個垂直點選單並選擇“運行命令”選項。在命令提示字元中鍵入螢幕截圖,然後選擇 捕獲完整尺寸的屏幕截圖 選項。點擊相關的螢幕截圖按鈕即可輕鬆截取 Chrome 上完整網頁的螢幕截圖。

在 Chrome 開發者工具上截取整個網頁

在 Firefox 上截取整個網頁的螢幕截圖

Mozilla Firefox 瀏覽器設計有一個方便的螢幕截圖工具。當您位於要擷取所有內容的目標網頁時,請右鍵單擊頁面的空白部分,然後選擇「截取螢幕截圖」選項。現在,您可以在右上角看到兩個選項來截取螢幕截圖:儲存可見內容並儲存整個頁面。在這裡,只需點擊“儲存完整頁面”即可捕獲整個網頁。您會看到一個預覽視窗來檢查捕獲的螢幕截圖。然後,您可以根據您目前的需求選擇複製或下載。

整個網頁的螢幕截圖 Firefox 儲存整頁

在 Edge 上擷取捲動螢幕截圖

無論您在Windows PC或Mac上使用Microsoft Edge瀏覽器,都可以直接進行全頁截圖。當您想要截取整個網頁時,只需點擊三點圖示並選擇網頁擷取即可。然後,使用“捕獲完整頁面”選項來捕獲完整的網頁。

邊緣網頁擷取整頁

在 Safari 上截取整個網頁

開啟 Mac 上的 Safari 瀏覽器並導覽至您要擷取的頁面。點擊 Safari 選單並轉到“設定”。在「進階」標籤下,勾選「為 Web 開發人員顯示功能」。您將看到“開發”出現在頂部功能表列上。

Safari 為 Web 開發人員展示的功能

點擊“開發”功能表並選擇“顯示 Web 檢查器”選項。確保您位於 Elements 標籤並右鍵單擊 html 行。從對話方塊中選擇擷取螢幕截圖。重新命名螢幕截圖,選擇合適的資料夾來儲存它,然後按一下「儲存」按鈕。

Mac Safari 上的整個網頁的螢幕截圖

第 3 部分:如何使用瀏覽器擴充功能擷取整頁螢幕截圖

要輕鬆在瀏覽器上擷取全頁螢幕截圖,您還可以依賴關聯的擴充功能。與內建的螢幕截圖工具相比,這些瀏覽器擴充功能通常提供額外的自訂和編輯功能。您可以輕鬆地從網上商店搜尋並存取所需的擴充功能。一些流行的包括 GoFullPage、FireShot、全頁螢幕捕獲等。

Chrome 截圖整個網頁的擴展

我想以引人注目的 GoFullPage 為例,向您展示如何在 Chrome 上擷取全頁螢幕截圖。當您在 Chrome 線上應用程式商店中找到它時,請按一下「新增至 Chrome」按鈕。

Gofullpage Chrome 擴充組

當您位於要擷取的正確網頁時,請按一下頂部的「擴充功能」按鈕,然後選擇「GoFullPage」擴充功能。它將開始截取整個網頁的螢幕截圖。之後,您可以選擇編輯螢幕截圖並以正確的格式(例如 PNG、JPEG 或 PDF)下載。

Gofullpage 螢幕截圖整個網頁 Chrome

第四部分. 如何截取整個網頁的常見問題解答

問題1.如何對Chrome中的滾動頁面進行截圖?

Google Chrome 瀏覽器不提供直接存取的內建方法 捕獲滾動螢幕截圖。一般情況下,您可以使用相關的截圖擴充功能來截取整個網頁。一些流行的選項包括 GoFullPage、Awesome Screenshot 和 FireShot。

問題2.如何在iPhone上截取完整網頁?

當您需要在iPhone上截取完整網頁時,可以採用常見的方式先截取目前畫面。例如,您可以同時快速按下側邊按鈕和音量增大(首頁)按鈕來截取螢幕截圖。您將看到螢幕截圖的縮圖出現在左下角。點擊它即可存取編輯選項。點選整頁,然後查看整個網頁。點擊左上角的「儲存」以儲存全頁螢幕截圖。此方法在預設的 Safari 瀏覽器中效果很好。

問題 3. 如何在沒有擴充功能的情況下在 Chrome 中截取整個頁面?

正如我上面提到的,您可以依靠擴充功能輕鬆地在 Chrome 中截取整個頁面。無需擴展程序,您可以使用其內建的開發者工具在 Chrome 中捕獲整個網頁的螢幕截圖。
在 Windows 上按 Ctrl + Shift + I 或在 Mac 上按 Command + Option + I 可存取開發人員工具。然後,按 Ctrl + Shift + P 或 Command + Shift + P 顯示命令選單。之後,輸入螢幕截圖並選擇擷取全尺寸螢幕截圖。擷取的捲動頁面將儲存為 PNG 影像。

結論

讀完這篇文章後,我希望您獲得足夠的技巧和工具來輕鬆地 截取整個網頁的螢幕截圖。更多關於網頁截圖的問題可以留言給我。

你怎麼看這個帖子?

評級:4.7 / 5(基於112投票)跟著我們

Disqus圖標發表您的評論並加入我們的討論

屏幕截圖提示

Windows Media Player中的屏幕截圖 屏幕截圖整個網頁 屏幕截圖 屏幕錄像Instagram的故事 Steam屏幕截圖保存在哪裡 截屏視頻 截圖阿爾卡特 在聯想上截屏 在HP上截圖 在Minecraft中截圖 截取Google Chrome的屏幕截圖 使用 Snagit Scrolling Capture 截取整頁截圖 截圖 Surface Pro HTC屏幕截圖 Firefox 上的屏幕截圖 在Mac上截屏 在 Windows 上裁剪屏幕截圖
屏幕錄像大師 框

Aiseesoft屏幕錄像機是捕獲任何活動(如在線視頻,網絡攝像頭通話,Windows / Mac上的遊戲)的最佳屏幕錄像軟件。

免費下載前往Windows

安全100% 安全。無廣告。

免費下載對於macOS

安全100% 安全。無廣告。

回到頂部