當需要對一個較長的網頁進行完整截圖時,可以直接使用谷歌瀏覽器(Chrome)自帶的截圖功能完成,不需要依賴第三方截圖軟件。
1. 打開網頁
以微信公眾號的頁面作為示例:https://mp.weixin.qq.com/s/lyBoTpAHrysZQpO9xB9euA
由於微信公眾號里的文章圖片進行了延遲加載處理,因此需要從上到下滾動全文,確保每個圖片都正確加載出來了再進行截圖。
2. 打開開發者工具
打開 Chrome 的開發者工具有幾種方法。最簡單的是按 F12,或者按Ctrl + Shift + I(字母 i),或者用鼠標點擊菜單欄的【更多工具】【開發者工具】。
3. 開啟手機瀏覽模式
點擊開發者工具的手機設備圖標,激活模擬手機設備瀏覽。
打開的網頁會變成像在手機上瀏覽一樣:
4. 進行截圖
在開發者工具里切換到 Console 標簽,輸入快捷鍵 Ctrl + Shift + P,會出現一個小輸入框,在里面直接輸入 Capture,在自動提示出來的下拉列表中選擇 “Capture full size screenshot”,敲擊回車,Chrome 就會開始對整個網頁進行截圖了。
5. 截圖展示
請注意:此截圖展示已經被我用工具手工的減小了體積!
P.S.
新版的 chrome 在 capture 下拉選擇框新增了 “capture area screenshot”,指定在網頁的任意區域截圖。