教學分享

超簡單「網頁長截圖教學」擷取整頁畫面,免安裝Chrome內建功能。

發佈於


網頁長截圖Chrome內建教學
Chrome網頁長截圖教學,免安裝任何截圖軟體和外掛,使用瀏覽器的開發者工具,就能輕鬆擷取整頁網頁畫面!還可以設定成行動裝置版(iPhone、iPad、Android)、iPad的大小和一併把裝置的外框截圖下來。









Chrome網頁長截圖 教學
STEP1

Windows按鍵盤「F12」,Mac按下鍵盤「 Command + Alt + I 」,開啟如下圖的開發者頁面。
網頁長截圖Chrome內建

STEP2

點一下設備按鈕。
網頁長截圖Chrome內建

STEP3

稍為調整版面的大小後,點「┅」→「Capture full size screenshot」完整尺寸截圖,就能把整頁畫面擷取下來了。
網頁長截圖Chrome內建

切換更多設備

點一下設備按鈕,可進階切換成iPhone、三星、iPad等平板與手機版的自訂裝置畫面。
網頁長截圖Chrome內建

「Show device frame」加入設備外框,不需要使用之前介紹過的Screenshot線上截圖合成工具,直接模擬手機的樣子截圖。
網頁長截圖Chrome內建


延伸閱讀:線上模擬畫面合成工具手機長截圖App(iOS、Android)