利用開發者工具，擷取網頁高畫質長圖！
相信很多同學都有截圖的需求，有時候一個網頁的內容很多，根本沒法把所有內容都擷取在同一張圖片上，有同學可能會把每頁截圖再重新拼接起來。
其實，我們可以使用工具和瀏覽器開發者工具來實現網頁長圖的擷取。
以前我分享過一些工具，來實現抓取整個網頁的資訊內容。
但是這些工具截取出來的圖片質量沒有很高，在清晰度方面始終有些不足。
並且有些截圖工具使用起來會比較麻煩。
所以，今天教大家怎麼使用Chrome瀏覽器的開發者工具命令來擷取網頁的長圖。
比如我現在想擷取quora網站上的這個首頁長圖
從動圖可以看到，這個首頁的資訊還是比較多的
現在我們使用快捷鍵F12調出開發者工具，你也可以右擊滑鼠，然後找到檢查元素，進入開發者工具
然後使用快捷組合鍵Ctrl+shift+P，開啟一個可以輸入命令查詢檔案的視窗，然後輸入：Capture full size screenshot，意思是抓取全網頁面的截圖
然後Chrome瀏覽器就會自動抓取網頁的截圖，然後把這個網頁截圖儲存到本地了
如果你只想截圖當頁面的內容，那麼你可以直接輸入：Capture screenshot,，就可以擷取螢幕當頁的內容資訊
如下動圖
並且我們可以設定為不同手機的大小，模仿不同手機來擷取長圖，然後擷取手機版的長圖跟上面的方法一樣，輸入Capture full size screenshot，就可以了
回覆：電子書，可以有3本Python入門書籍
回覆：英語，獲取四六級資料
利用開發者工具，擷取網頁高畫質長圖！
相信很多同學都有截圖的需求，有時候一個網頁的內容很多，根本沒法把所有內容都擷取在同一張圖片上，有同學可能會把每頁截圖再重新拼接起來。
其實，我們可以使用工具和瀏覽器開發者工具來實現網頁長圖的擷取。
以前我分享過一些工具，來實現抓取整個網頁的資訊內容。
但是這些工具截取出來的圖片質量沒有很高，在清晰度方面始終有些不足。
並且有些截圖工具使用起來會比較麻煩。
所以，今天教大家怎麼使用Chrome瀏覽器的開發者工具命令來擷取網頁的長圖。
比如我現在想擷取quora網站上的這個首頁長圖
從動圖可以看到，這個首頁的資訊還是比較多的
現在我們使用快捷鍵F12調出開發者工具，你也可以右擊滑鼠，然後找到檢查元素，進入開發者工具
然後使用快捷組合鍵Ctrl+shift+P，開啟一個可以輸入命令查詢檔案的視窗，然後輸入：Capture full size screenshot，意思是抓取全網頁面的截圖
然後Chrome瀏覽器就會自動抓取網頁的截圖，然後把這個網頁截圖儲存到本地了
如果你只想截圖當頁面的內容，那麼你可以直接輸入：Capture screenshot,，就可以擷取螢幕當頁的內容資訊
如下動圖
並且我們可以設定為不同手機的大小，模仿不同手機來擷取長圖，然後擷取手機版的長圖跟上面的方法一樣，輸入Capture full size screenshot，就可以了
回覆：電子書，可以有3本Python入門書籍
回覆：英語，獲取四六級資料