滚动截屏通常需要装第三方软件,又要面临到底装哪个截图软件最好用,其实谷歌浏览器就自带滚动截屏功能。
使用快捷键打开浏览器的控制台 Ctrl + Shift + I (Windows) || Option + Command + I (Mac)或者 “右键”-> "查看"

使用快捷键打开命令行 Command + Shift + P (Mac) || Ctrl + Shift + P (Windows)

输入Screenshot,选择Capture full size screenshot来滚动截图

选择区域:Capture area screenshot会出现一个➕,拉动鼠标选择要截图的区域,鼠标左键一松开就会下载选择区域对一个的图片

整个网页:Capture full size screenshot 这里以百度新闻为例演示

节点网页:Capture node screenshot 节点截图需要在Elements中选中要截图的html节点元素,并且节点元素必须在浏览器中可以看到,就会截图html节点对应的html内容


当前屏幕:Capture screenshot 截取浏览器当前屏幕内容,不包括控制台面板。

欢迎关注本账号,将持续发布实用技术文章