[发明专利]网页截图方法、装置、存储介质及终端

说明书

本公开提供一种网页截图方法、装置、存储介质及终端，用以解决相关技术中因网页元素的样式信息不正确而导致生成的截图图片与原始网页的内容不一致的问题，该网页截图方法包括：确定截图区域中包含的目标网页元素；执行异步延迟任务，其中，所述异步延迟任务的执行时间不小于计算所述目标网页元素的样式信息所需的时间；在所述异步延迟任务执行完成后，获取所述目标网页元素的样式信息，并根据所述样式信息生成截图图片。

技术领域

本公开涉及互联网技术领域，尤其涉及一种网页截图方法、装置、存储介质及终端。

背景技术

浏览器作为终端中最常用的应用程序，被用作进行网页浏览。用户使用浏览器浏览网页的过程中，当浏览到感兴趣的内容时，可通过截图软件或浏览器自带的截图工具进行截图操作。

传统技术中，终端接收到截图指令时，会生成内联框架(iframe)，然后复制截图区域中包含的目标网页元素到该iframe中，再直接获取该目标网页元素的样式信息，最后根据样式信息生成截图图片。然而，有些目标网页元素(例如图表元素)被复制到iframe中后，需要耗费一段时间(例如1-2S)后才能计算出正确的样式信息，如果网页元素一复制到iframe中就直接获取该网页元素的样式信息，则可能出现因网页元素的样式信息不正确而导致生成的截图图片与原始网页的内容不一致。

发明内容

本公开提供一种网页截图方法、装置及系统，以至少解决相关技术中因网页元素的样式信息不正确而导致生成的截图图片与原始网页的内容不一致的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种网页截图方法，包括：

确定截图区域中包含的目标网页元素；

执行异步延迟任务，其中，所述异步延迟任务的执行时间不小于计算所述目标网页元素的样式信息所需的时间；

在所述异步延迟任务执行完成后，获取所述目标网页元素的样式信息，并根据所述样式信息生成截图图片。

在一可能的实现方式中，所述执行异步延迟任务，包括：

复制所述目标网页元素到已生成的内联框架iframe中；

加载异步延迟任务；

执行所述异步延迟任务。

在一可能的实现方式中，所述复制所述目标网页元素到已生成的iframe中，包括：

采用onclone事件复制所述目标网页元素到已生成的iframe中；

所述加载异步延迟任务，包括：

在所述onclone事件中加载异步延迟任务。

在一可能的实现方式中，所述异步延迟任务包括：定时器任务；

所述加载异步延迟任务，包括：

采用JavaScript中的Promise对象加载定时器任务，所述定时器任务的执行时间不小于计算所述样式信息所需的时间。

在一可能的实现方式中，所述异步延迟任务还包括至少一个下述任务：

删除部分所述目标网页元素的任务；

修改所述目标网页元素的任务。

根据本公开实施例的第二方面，提供一种网页截图装置，包括用于执行第一方面或第一方面的任意可能的实现方式中的网页截图方法的模块。

根据本公开实施例的第三方面，提供一种存储介质，其上存储有计算机程序，所述程序被处理器执行时实现第一方面或第一方面的任意可能的实现方式中的网页截图方法的步骤。