滚动截图通常需要安装第三方软件,你就不得不面临安装哪个截图软件最好的问题。事实上,谷歌浏览器有自己的滚动截图功能。
使用快捷键打开浏览器控制台CtrlShiftI(Windows)||OptionCommandI(Mac)或“右键”->“查看”
![Chrome浏览器自带滚动截图功能 Chrome浏览器自带滚动截图功能](http://llq.jikedh.cn/wp-content/themes/onenav/images/t.png)
使用快捷键打开命令行CommandShiftP(Mac)||CtrlShiftP(Windows)
![Chrome浏览器自带滚动截图功能 Chrome浏览器自带滚动截图功能](http://llq.jikedh.cn/wp-content/themes/onenav/images/t.png)
输入Screenshot并选择Capturefullsizescreenshot滚动浏览屏幕截图
![Chrome浏览器自带滚动截图功能 Chrome浏览器自带滚动截图功能](http://llq.jikedh.cn/wp-content/themes/onenav/images/t.png)
选择区域:Captureareascreenshot中将出现A?。拖动鼠标选择要截图的区域。一旦释放鼠标左键,就会下载所选区域的图片。
![Chrome浏览器自带滚动截图功能 Chrome浏览器自带滚动截图功能](http://llq.jikedh.cn/wp-content/themes/onenav/images/t.png)
整个网页:Capturefullsizescreenshot这里以百度新闻为例进行演示
![Chrome浏览器自带滚动截图功能 Chrome浏览器自带滚动截图功能](http://llq.jikedh.cn/wp-content/themes/onenav/images/t.png)
节点网页:CaptureNodeScreenshot节点截图需要在Elements中选择要截图的html节点元素,并且该节点元素必须在浏览器中可见,才会截图该html节点对应的html内容。
![Chrome浏览器自带滚动截图功能 Chrome浏览器自带滚动截图功能](http://llq.jikedh.cn/wp-content/themes/onenav/images/t.png)
![Chrome浏览器自带滚动截图功能 Chrome浏览器自带滚动截图功能](http://llq.jikedh.cn/wp-content/themes/onenav/images/t.png)
当前屏幕:CaptureScreenshot捕获浏览器的当前屏幕内容,不包括控制台面板。
![Chrome浏览器自带滚动截图功能 Chrome浏览器自带滚动截图功能](http://llq.jikedh.cn/wp-content/themes/onenav/images/t.png)
欢迎关注本账号,我们将持续发布实用技术文章
© 版权声明
文章版权归作者所有,未经允许请勿转载。