網(wǎng)上有不少插件或工具軟件類能實(shí)現(xiàn)網(wǎng)頁長(zhǎng)截圖的功能。此處介紹一個(gè)Chrome瀏覽器自帶的網(wǎng)頁長(zhǎng)截圖功能。此文只介紹步驟,想了解細(xì)節(jié)請(qǐng)看原文:利用 Chrome 原生工具進(jìn)行網(wǎng)頁長(zhǎng)截圖 | 一日一技。chrome版本至少59。
chrome網(wǎng)頁長(zhǎng)截圖
- 按下
?Command + ?Option + I(Windows 為 F12)快捷鍵,召喚出調(diào)試界面。 - 按下
?Command + ?Shift + P(Windows 為 Ctrl + Shift + P),輸入命令Capture full size screenshot(只輸前幾個(gè)字母就能找到,支持模糊查找),敲下回車,Chrome 就會(huì)自動(dòng)截取整個(gè)網(wǎng)頁內(nèi)容并保存至本地。由于是渲染引擎直接輸出,其比普通擴(kuò)展速度更快,分辨率也更高。
注:如果想進(jìn)行手機(jī)版網(wǎng)頁長(zhǎng)截圖,請(qǐng)將開發(fā)者模式(F12)界面切換成模擬手機(jī)方式,再按照上面的第2步進(jìn)行長(zhǎng)截圖。
chrome網(wǎng)頁部分截圖
- 按下
?Command + ?Option + I(Windows 為 F12)快捷鍵,召喚出調(diào)試界面。 - 如果你想準(zhǔn)確截取網(wǎng)頁的某一部分,可以按下
?Command + ?Shift + C(Windows 為 Ctrl + Shift + C)嗅探元素。選中想要的部分后,再運(yùn)行Capture node screenshot命令,一張完美的選區(qū)截圖就誕生了。