滚动截屏通常需要装第三方软件,又要面临到底装哪个截图软件最好用,其实谷歌浏览器就自带滚动截屏功能。

使用快捷键打开浏览器的控制台 Ctrl + Shift + I (Windows) || Option + Command + I (Mac)或者 “右键”-> "查看"

chrome截屏快捷键(Chrome浏览器自带滚动截图功能)(1)

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

chrome截屏快捷键(Chrome浏览器自带滚动截图功能)(2)

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

chrome截屏快捷键(Chrome浏览器自带滚动截图功能)(3)

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

chrome截屏快捷键(Chrome浏览器自带滚动截图功能)(4)

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

chrome截屏快捷键(Chrome浏览器自带滚动截图功能)(5)

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

chrome截屏快捷键(Chrome浏览器自带滚动截图功能)(6)

chrome截屏快捷键(Chrome浏览器自带滚动截图功能)(7)

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

chrome截屏快捷键(Chrome浏览器自带滚动截图功能)(8)