新版Chrome浏览器如何使用网页滚动截图

安装GoFullPage之类的截图插件也可以实现滚动截图,不过插件的截图效率肯定不如浏览器自带的工具,而且安装插件对于浏览器的内存占用,网页加载等多少会有点影响。

那么不安装插件,Chrome浏览器如何实现滚动截图?

以前Chrome网页滚动截图可以用开发者工具里的Capture full size screenshot命令,而现在这个命令搜不到了。

实际上新版本的Chrome把这个截图命令移到了可视化界面中,并且现在可以设置快捷键,使用起来比之前更方便。

首先还是打开开发者工具,然后找到“设置”;

在设置窗口的左侧导航最下边找到“快捷键”,右侧往下翻,找到“屏幕截图”,这里就可以对4中截图命令设置快捷键。

使用的时候,还是要先打开开发者工具这个窗口,然后用设置好的快捷键快速实现网页滚动截图。

Chrome浏览器开发者工具是一款非常强大且易于使用的前端开发工具。其优点包括但不限于以下几点:

实时编辑:可以直接在浏览器中编辑HTML、CSS和JavaScript代码,并且页面可以实时更新。

调试JavaScript代码:提供了丰富的调试工具,比如断点、监控变量、堆栈跟踪等,方便我们快速定位和解决JavaScript代码问题。

查看元素:您可以轻松查看元素的样式、盒模型、事件等。您可以快速了解页面结构,还可以修改样式以达到设计效果。

网络分析:提供网络面板,方便查看网络请求、响应状态码、传输大小等信息,以及网络请求的时间线图表。

性能分析:提供性能面板,可以帮助我们分析页面加载性能、资源优化建议等,帮助我们提高页面性能。

微信扫一扫,分享到朋友圈

新版Chrome浏览器如何使用网页滚动截图
上一篇

Office 2021 for Mac 16.78更新日志

下一篇

Apple watchOS 10.1带来了Tap手势和房颤心律不齐提醒

你也可能喜欢

返回顶部