用Chrome(谷歌瀏覽器)對長網頁(微信公眾號、知乎)進行完整的截圖


當需要對一個較長的網頁進行完整截圖時,可以直接使用谷歌瀏覽器(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”,指定在網頁的任意區域截圖。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM