[发明专利]一种动态网页截图方法、终端设备及存储介质

说明书

本发明涉及一种动态网页截图方法、终端设备及存储介质，该方法中包括：调用浏览器的仿真功能接口，设置视口高度为浏览器的最高截图高度；加载目标网页，直到所有网页资源均加载完毕后，设置视口高度为浏览器页面的默认高度；使用滚动条滚动目标网页到实际高度，等待额定时间直到网页资源加载完毕后，调用开发工具协议接口获取目标网页的当前页面高度；当当前页面高度是否大于实际高度时，设置实际高度为当前页面高度，重新进行滚动；否则，设置视口高度为目标网页的实际高度；调用开发工具协议接口将目标网页保存为图片。本发明可以快速地对大多数不同网页进行完整性批量截图，保障了电子证据的可靠性和真实性，加快执法人员工作效率。

技术领域

本发明涉及计算机技术领域，尤其涉及一种动态网页截图方法、终端设备及存储介质。

背景技术

近年来，涉及网页的违法侵权行为层出不穷，而网页截图作为其中重要的一项证据，如何保障截图的完整性，同时又能兼顾截图的速度，是一个痛点。对一个网页来说，布局的形式多变，而网页呈现的内容、交互是不断动态变化的异构环境。主流网页内容呈现方式主要分为整体呈现或者部分呈现配合滚动触发加载呈现。而如何在异构环境中快速而准确的获取截取的高度，是一个挑战。

目前对于网页截图的处理中，主要通过事前研究页面结构，手动配置截图高度后再截图；另外，针对不定高度的长页面的截图，主要通过模拟滚动条滚动到底确保加载整个网页后截图方式。市面上也没有一个通用的解决方案可以保证规模化的、针对任意网页、既可以确保截图的完整、同时又能兼顾截图的速度的网页截图方式。

目前的网页截图方法存在以下不足：

1.针对不同类型网页，不能自适应页面高度。

2.批量处理不同类型页面，存在大量截图不全。

3.不定高度的长页面截图普遍较为耗时。

发明内容

为了解决上述问题，本发明提出了一种动态网页截图方法、终端设备及存储介质。

具体方案如下：

一种动态网页截图方法，包括以下步骤：

S1：接收目标网页的网页信息；

S2：打开浏览器，通过浏览器的开发工具协议接口连接浏览器；

S3：调用开发工具协议接口新建空白标签页；

S4：调用开发工具协议接口以开启页面通知、页面网络跟踪和网络时间分发功能；

S5：调用仿真功能接口，设置视口高度为浏览器的最高截图高度；

S6：根据网页信息中的网址，调用开发工具协议接口加载目标网页；

S7：通过开发工具协议接口跟踪目标网页的网页资源加载进度，直到所有网页资源均加载完毕；

S8：调用仿真功能接口，设置视口高度为浏览器页面的默认高度；

S9：调用开发工具协议接口获取目标网页的当前页面高度，将目标网页的当前页面高度设置为目标网页的实际高度；

S10：使用滚动条滚动目标网页到实际高度，等待额定时间直到网页资源加载完毕后，调用开发工具协议接口获取目标网页的当前页面高度；

S11：判断目标网页的当前页面高度是否大于目标网页的实际高度，如果是，设置目标网页的实际高度为目标网页的当前页面高度，返回S10；否则，进入S12；

S12：调用仿真功能接口，设置视口高度为目标网页的实际高度；

S13：调用开发工具协议接口将目标网页保存为图片。