1. 程式人生 > 實用技巧 >chrome瀏覽器 自帶網頁擷取長圖功能

chrome瀏覽器 自帶網頁擷取長圖功能

按F12(⌘Command + ⌥Option + I)開啟除錯介面

隨後,按下Windows 為 Ctrl + Shift + P (⌘Command + ⇧Shift + P),輸入命令 Capture full size screenshot(只輸前幾個字母就能找到),敲下回車,Chrome 就會自動擷取整個網頁內容並儲存至本地。由於是渲染引擎直接輸出,其比普通擴充套件速度更快,解析度也更高。
在這裡插入圖片描述

除了普通長截圖以外,你還可以利用這一功能擷取手機版網頁長圖。只需要按下Windows 為 Ctrl + Shift + M (⌘Command + ⇧Shift + M )模擬移動裝置,再按剛才的方法執行命令就可以了

。在頂部的工具欄中,你可以選擇要模擬的裝置和解析度等設定。

在這裡插入圖片描述

如果你想準確擷取網頁的某一部分,可以按下Windows 為 Ctrl + Shift + C (⌘Command + ⇧Shift + C)嗅探元素。選中想要的部分後,再執行 Capture node screenshot 命令,一張完美的選區截圖就誕生了。

在這裡插入圖片描述

此外,Capture screenshot 命令可以讓你擷取當前網頁的可視部分。