[{"data":1,"prerenderedAt":74},["ShallowReactive",2],{"document:zh-tw:guides\u002Ffull-page-screenshot-chrome":3},{"title":4,"description":5,"body":6,"faqs":69,"tool":70,"kind":71,"slug":72,"locale":73},"Chrome 完整網頁截圖教學","使用桌面 DevTools 擷取可見範圍以外的頁面內容。",{"type":7,"value":8,"toc":63},"minimark",[9,13,26,44,47,50],[10,11,12],"h2",{"id":12},"開啟擷取選項",[14,15,16,20,23],"ol",{},[17,18,19],"li",{},"在桌面 Chrome 開啟網頁，選單 → 更多工具 → 開發人員工具。",[17,21,22],{},"啟用裝置工具列，設定 Responsive 尺寸或選擇裝置預設。",[17,24,25],{},"在裝置工具列的更多選項中選取 Capture a full size screenshot。",[27,28,29,30,37,38,43],"p",{},"Google 提供",[31,32,36],"a",{"href":33,"rel":34},"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fdevtools\u002Fopen",[35],"nofollow","開啟 DevTools","及",[31,39,42],{"href":40,"rel":41},"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fdevtools\u002Fdevice-mode#screenshot",[35],"完整尺寸截圖","的說明。同一選單的 Capture screenshot 只擷取可見檢視區，請選對動作。",[10,45,46],{"id":46},"核對寬度與頁尾",[27,48,49],{},"先決定寬度再擷取，因為換行會改變頁面長度。裝置模式只是行動版外觀的近似模擬，不是在實體手機上執行。等重要內容出現後，查看儲存圖片的底部。",[27,51,52,53,57,58,62],{},"也可使用",[31,54,56],{"href":55},"\u002Fzh-tw\u002Ffull-page-screenshot","公開網址擷取","。若缺少區塊，請讀",[31,59,61],{"href":60},"\u002Fzh-tw\u002Fguides\u002Ffix-blank-or-incomplete-screenshots","載入問題排查","。",{"title":64,"searchDepth":65,"depth":65,"links":66},"",2,[67,68],{"id":12,"depth":65,"text":12},{"id":46,"depth":65,"text":46},[],null,"guide","guides\u002Ffull-page-screenshot-chrome","zh-tw",1793599001965]