470 字
3 分鐘
📷 網頁長截圖
Cover image for 📷 網頁長截圖

許多人在網站製作完成後,會希望將整個網頁畫面截圖,以方便傳給客戶瀏覽或留存於作品集,但是,當網頁內容過長,僅靠一般截圖工具需要一張張擷取,再手動拼接,不但會有點麻煩,若網站有特殊效果,拼接可能會不自然,既繁瑣也需花費較多時間。

本篇文章教大家如何快速網頁長截圖,無須一張張擷取,即可將整個網頁畫面截圖!


#➤ 如何快速網頁一頁式截圖(網頁長截圖)?

以下流程為網頁一頁式截圖的快速方法,照著以下3個流程進行,即使網頁畫面很長,也能輕鬆截圖,不用一張一張拼接!

#流程1:對著需截圖的畫面按F12

如果電腦為Windows系統,可以按鍵盤的「F12」鍵,畫面會出現瀏覽器開發人員工具。

圖片1

#流程2:按ctrl + shift + P

接著,按鍵盤**「ctrl + shift + P」**鍵,將搜尋功能開啟。

圖片2

#流程3:輸入 capture full size screenshot

搜尋框裡面,輸入「capture full size screenshot」,最後按下Enter,就能將畫面一頁式截圖瞜!(截圖後的畫面會自動存於”下載”的資料夾。)

圖片3

照著以上流程,就能將整個網頁的畫面一次性截圖,截圖畫面如下圖範例 :

圖片4

#➤ 快速記憶法

由於流程3輸入「capture full size screenshot」,這串英文有點長,不太好記憶,最簡易的方式可以只輸入「full」,畫面就會自動帶出「capture full size screenshot」,最後按下Enter,一樣就能將整個網頁畫面截圖瞜~


快速記憶法

  • F12
  • ctrl + shift + P 
  • 輸入 >full  ( 注意前面一定要有 「>」 的符號 )
  • 最後按下Enter
📷 網頁長截圖
https://illumi.love/posts/指南向/網頁長截圖/
作者
𝑰𝒍𝒍𝒖𝒎𝒊糖糖
發布於
2025-09-08
許可協議
🔒CC BY-NC-ND 4.0
💬 參與討論
使用 GitHub 帳號登入參與討論