怎麼截取網頁長圖-tft每日頭條

每當你在網頁上看到喜歡的圖片好看的衣服有趣的玩具大家都想截圖保存下來收藏或者分享給好友吧，但有時候網頁上一張圖片太大需要滾動查看或者内容過多，沒法将内容一次截取在同一張圖片上那就需要多次截圖然後在重新拼接起來了。這樣就很麻煩哇。。。

所以現在我就分享給大家一個實用的網頁長圖截取小技巧。

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）1

其實我們可以使用工具以及浏覽器開發者工具來進行截取網頁内容的長圖

不過有些工具使用起來會比較繁瑣，所以今天分享的方法是如何使用Chrome浏覽器的開發者工具來進行網頁内容長圖的截取。

例如我們現在想要Youtube網站上的全部首頁内容，如果是單純的截圖的話肯定是不能一次全部完整截取的。

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）2

所以現在我們按下F12打開浏覽器的開發者工具（進入開發者工具還可以在頁面單擊鼠标右鍵，然後找到檢查以此進入開發者工具）

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）3

接着我們使用組合鍵Ctrl shift P打開查找文件窗口

然後我們在工具欄輸入：Capture full size screenshot

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）4

其意為：抓取全尺寸屏幕截圖

然後Chrome就會将整個頁面抓取并提示下載後就可以把這個頁面截圖保存到本地啦

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）5

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）6

當然如果你想跟普通截圖一樣隻截取當前頁面所顯示的部分也可以在工具欄内輸入：Capture screenshot 就可以跟平常的截圖一樣了

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）7

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）8

Chrome的工具欄還有個好玩兒的小工具~比如當你想在電腦端模拟手機端的截圖在開發者工具的左上角有個小圖标點擊此圖标既可以進行設備的切換，當然此圖标也有快捷鍵Ctrl Shift M

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）9

當你點擊該圖标以後，網頁的顯示排版就會從電腦版切換成手機版了

怎麼截取網頁長圖（電腦浏覽器截取網頁長圖的小技巧）10

切換為手機版以後頁面頂部還會彈出一個設置欄可以讓你自定義不同的尺寸也可以讓你使用預設的設備尺寸來進行截圖哦~選定好了以後回到開發者工具還是跟之前的步驟一樣輸入：Capture full size screenshot 就可以啦。

是不是很簡單呢

如果大家還想知道更多的實用小技巧的話可以關注一下哦以便下次更新及時通知 W=