WebsiteScreenshot.org

Chrome 完整網頁截圖教學

使用桌面 DevTools 擷取可見範圍以外的頁面內容。

開啟擷取選項

  1. 在桌面 Chrome 開啟網頁,選單 → 更多工具 → 開發人員工具。
  2. 啟用裝置工具列,設定 Responsive 尺寸或選擇裝置預設。
  3. 在裝置工具列的更多選項中選取 Capture a full size screenshot。

Google 提供開啟 DevTools及完整尺寸截圖的說明。同一選單的 Capture screenshot 只擷取可見檢視區,請選對動作。

核對寬度與頁尾

先決定寬度再擷取,因為換行會改變頁面長度。裝置模式只是行動版外觀的近似模擬,不是在實體手機上執行。等重要內容出現後,查看儲存圖片的底部。

也可使用公開網址擷取。若缺少區塊,請讀載入問題排查。