網頁截圖 利用Chrome內建功能快速完成!
IPFS
最近寫文章常常需要對網頁進行截圖,但是有些區塊的內容很長但是我們的螢幕範圍有限,只能被迫拆成多個圖片或是縮小頁面犧牲畫質,這時可以直接利用Chrome內建的截圖功能輕鬆將網頁內容擷取。
首先先到要截圖的網頁
![](https://assets.matters.news/embed/9917d6ec-a219-4410-82b3-bb91c5ea3e95.png)
開啟F12的開發者模式
![](https://assets.matters.news/embed/824b9418-30e3-49d0-925e-3a65ddbf78d5.png)
接下來利用鍵盤快捷鍵開啟Chrome瀏覽器指令
Windows用戶快捷鍵 : Control + Shift + P
Mac用戶快捷鍵:Command + Shift + P
![](https://assets.matters.news/embed/27673cb7-ecb6-4f90-be23-4cfe2b09062f.png)
然後在Run區塊輸入 「cap」 關鍵字會出現以下幾個選項,這邊我是選擇全頁截圖
等待一下之後,就會出現下載提示讓我們選擇存檔位置。
- Capture area screenshot:自定區域截圖
- Capture full size screenshot:全頁截圖
- Capture node screenshot:預覽截圖
- Capture screenshot:一般截圖
![](https://assets.matters.news/embed/f8ea0e35-80aa-49f3-8f3b-8cf06910395e.png)
最後來看一下結果,網頁內的所有資料一次就全部擷取了。
![](https://assets.matters.news/embed/c9b56a3d-9b17-4e6a-9e56-e9828a5569aa.png)
原文連結清晨小農夫
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
- 来自作者
- 相关推荐