所以現在我就分享給大家一個實用的網頁長圖截取小技巧。
其實我們可以使用工具以及浏覽器開發者工具來進行截取網頁内容的長圖
不過有些工具使用起來會比較繁瑣,所以今天分享的方法是如何使用Chrome浏覽器的開發者工具來進行網頁内容長圖的截取。
例如我們現在想要Youtube網站上的全部首頁内容,如果是單純的截圖的話肯定是不能一次全部完整截取的。
所以現在我們按下F12打開浏覽器的開發者工具(進入開發者工具還可以在頁面單擊鼠标右鍵,然後找到檢查以此進入開發者工具)
接着我們使用組合鍵Ctrl shift P打開查找文件窗口
然後我們在工具欄輸入:Capture full size screenshot
其意為:抓取全尺寸屏幕截圖
然後Chrome就會将整個頁面抓取并提示下載後 就可以把這個頁面截圖保存到本地啦
當然如果你想跟普通截圖一樣隻截取當前頁面所顯示的部分 也可以在工具欄内輸入:Capture screenshot 就可以跟平常的截圖一樣了
Chrome的工具欄還有個好玩兒的小工具~比如當你想在電腦端模拟手機端的截圖 在開發者工具的左上角有個小圖标 點擊此圖标既可以進行設備的切換,當然 此圖标也有快捷鍵Ctrl Shift M
當你點擊該圖标以後,網頁的顯示排版就會從電腦版切換成手機版了
切換為手機版以後頁面頂部還會彈出一個設置欄可以讓你自定義不同的尺寸也可以讓你使用預設的設備尺寸來進行截圖哦~選定好了以後回到開發者工具還是跟之前的步驟一樣輸入:Capture full size screenshot 就可以啦。
是不是很簡單呢
如果大家還想知道更多的實用小技巧的話 可以關注一下哦 以便下次更新及時通知 W=
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!