使用 Chrome 瀏覽器內建功能儲存完整網頁截圖
Google 推出 Chrome 瀏覽器後市占率逐年上升,至今高達六成穩居龍頭寶座,可從線上應用程式商店添加擴充功能,讓瀏覽器不僅是看網頁而已,此外,Chrome 本身也內建許多實用功能,例如儲存影片子母畫面等,還能儲存完整網頁截圖。


之前介紹過幾種網頁擷取方法,若不想使用輔助工具,Chrome 內建功能可以儲存完整網頁截圖,還能切換不同裝置的螢幕尺寸,以及添加智慧手機、平板電腦外框。

使用說明:

使用 Google Chrome 瀏覽網頁時想要儲存截圖,先打開「開發人員工具」(快捷鍵:F12)。
使用 Chrome 瀏覽器內建功能儲存完整網頁截圖

接著點擊「Toggle device toolbar」(快捷鍵:Ctrl+Shift+M),切換到裝置檢視模式。
使用 Chrome 瀏覽器內建功能儲存完整網頁截圖

打開裝置檢視模式後按下功能鍵(┇),就可以選擇當前畫面截圖(Capture screenshot) 或是完整網頁截圖(Capture full size screenshot)。
使用 Chrome 瀏覽器內建功能儲存完整網頁截圖

使用這方式即使網頁篇幅很長也能完整截圖,並儲存高畫質圖片。
使用 Chrome 瀏覽器內建功能儲存完整網頁截圖

若有需要儲存行動版網頁截圖,先切換到手機或平板電腦等行動裝置。
使用 Chrome 瀏覽器內建功能儲存完整網頁截圖

部分行動裝置還能加上外框,按下功能表(┇)並點擊「Show device frame」。
使用 Chrome 瀏覽器內建功能儲存完整網頁截圖

若有顯示外框再按下「Capture screenshot」,就能儲存有外框的螢幕截圖。
使用 Chrome 瀏覽器內建功能儲存完整網頁截圖

不必使用手機就能儲存螢幕截圖,是不是更方便。
使用 Chrome 瀏覽器內建功能儲存完整網頁截圖

延伸閱讀:
使用 Chrome 瀏覽器檢視 RWD 響應式網頁設計 Chrome 瀏覽器內建子母畫面功能,影片在懸浮視窗播放 Chrome 瀏覽器內建的影片下載功能,不用安裝外掛程式