页面截图方法技术

本申请涉及一种页面截图方法

【技术实现步骤摘要】
页面截图方法、装置、计算机设备和存储介质


[0001]本申请涉及计算机
，特别是涉及一种页面截图方法
、
装置
、
计算机设备和存储介质
。

技术介绍

[0002]随着计算机科学的发展，用户在终端浏览网页时，通过对网页进行页面截图，从而能够以图片的形式保留或分享网页的页面内容
。
[0003]现有的针对网页页面的截图，是通过终端所运行页面应用的截图工具对网页进行重新绘制而实现的，然而，由于终端以及客户端的多样性，有些终端和客户端之间可能不兼容，从而在基于客户端的截图工具进行截图时无法有效的渲染网页的内容，导致页面截图效果较差
。

技术实现思路

[0004]基于此，有必要针对上述技术问题，提供一种能够提高页面截图效果的道页面截图方法
、
装置
、
计算机设备和存储介质
。
[0005]第一方面，本申请提供了一种页面截图方法
。
所述方法包括：响应于在待截图页面的截图操作，获取所述待截图页面的对象代理信息；基于所述对象代理信息确定所述待截图页面的页面运行环境；在所述页面运行环境为第一页面应用提供的运行环境的情况下，当所述待截图页面中存在所述第一页面应用内置的截图功能无法截取的页面元素，或所述第一页面应用为目标页面应用时，在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件；将所述页面文件发送至服务器，以使所述服务器基于所述页面文件对所述待截图页面进行截图
。
[0006]第二方面，本申请还提供了一种页面截图装置
。
所述装置包括：对象代理信息获取模块，用于响应于在待截图页面的截图操作，获取所述待截图页面的对象代理信息；页面运行环境确定模块，用于基于所述对象代理信息确定所述待截图页面的页面运行环境；页面文件生成模块，用于在所述页面运行环境为第一页面应用提供的运行环境的情况下，当所述待截图页面中存在所述第一页面应用内置的截图功能无法截取的页面元素，或所述第一页面应用为目标页面应用时，在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件；文件发送模块，用于将所述页面文件发送至服务器，以使所述服务器基于所述页面文件对所述待截图页面进行截图
。
[0007]第三方面，本申请还提供了一种计算机设备
。
所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
响应于在待截图页面的截图操作，获取所述待截图页面的对象代理信息；基于所述对象代理信息确定所述待截图页面的页面运行环境；在所述页面运行环境为第一页面应用提供的运行环境的情况下，当所述待截图页面中存在所述第一页面应用内置的截图功能无法截取的页面元素，或所述第一页面应用为目标页面应用时，在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件；将所述页面文件发送至服务器，以使所述服务器基于所述页面文件对所述待截图页面进行截图
。
[0008]第四方面，本申请还提供了一种计算机可读存储介质
。
所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：响应于在待截图页面的截图操作，获取所述待截图页面的对象代理信息；基于所述对象代理信息确定所述待截图页面的页面运行环境；在所述页面运行环境为第一页面应用提供的运行环境的情况下，当所述待截图页面中存在所述第一页面应用内置的截图功能无法截取的页面元素，或所述第一页面应用为目标页面应用时，在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件；将所述页面文件发送至服务器，以使所述服务器基于所述页面文件对所述待截图页面进行截图
。
[0009]第五方面，本申请还提供了一种计算机程序产品
。
所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：响应于在待截图页面的截图操作，获取所述待截图页面的对象代理信息；基于所述对象代理信息确定所述待截图页面的页面运行环境；在所述页面运行环境为第一页面应用提供的运行环境的情况下，当所述待截图页面中存在所述第一页面应用内置的截图功能无法截取的页面元素，或所述第一页面应用为目标页面应用时，在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件；将所述页面文件发送至服务器，以使所述服务器基于所述页面文件对所述待截图页面进行截图
。
[0010]上述页面截图方法
、
装置
、
计算机设备
、
存储介质和计算机程序产品，在待截图页面的截图操作，获取待截图页面的对象代理信息，基于对象代理信息确定待截图页面的页面运行环境，以便后续基于页面运行环境选取恰当的截图方案，从而提高截图的准确性；在页面运行环境为第一页面应用提供的运行环境的情况下，当待截图页面中存在第一页面应用内置的截图功能无法截取的页面元素，或第一页面应用为目标页面应用，确定出待截图页面与页面运行环境的兼容情况，在某些功能不兼容时，可以在页面运行环境中基于待截图页面生成目标语言的页面文件，将页面文件发送至服务器，以使服务器基于页面文件对待截图页面进行截图，从而实现对待截图页面的完整截图，提高了页面截图的准确性；同时，通过在页面运行环境中基于待截图页面生成目标语言的页面文件，将页面文件发送至服务器，避开了直接将截图页面发送给服务器进行截图时可能存在的不安全因素，提高了页面截图时的数据安全性
。
附图说明
[0011]图1为一个实施例中页面截图方法的应用环境图；
图2为一个实施例中页面截图方法的流程示意图；图3为一个实施例中待截图页面的示意图；图4为另一个实施例中待截图页面的示意图；图5为另一个实施例中待截图页面的示意图；图6为另一个实施例中页面截图方法的流程示意图；图7为另一个实施例中页面截图方法的流程示意图；图8为另一个实施例中页面截图方法的流程示意图；图9为一个实施例中
DOM
‑
to
‑
image
截图步骤的流程示意图；图
10
为一个实施例中
html2canvas
截图步骤的流程示意图；图
11
为另一个实施例中待截图页面的示意图；图
12
为一个实例中的页面截图示意图；图
13
为一个实施例中页面截图装置的结构框图；图
14
为一个实施例中页面截图装置的结构框图；图
15
为一个实施例中计算机设备的内部结构图
。
具体实施方式
[0012]为了使本申请的目的
、
技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明
。
应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请
。
[0013]本申请实施例提供的页面截本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种页面截图方法，其特征在于，所述方法包括：响应于在待截图页面的截图操作，获取所述待截图页面的对象代理信息；基于所述对象代理信息确定所述待截图页面的页面运行环境；在所述页面运行环境为第一页面应用提供的运行环境的情况下，当所述待截图页面中存在所述第一页面应用内置的截图功能无法截取的页面元素，或所述第一页面应用为目标页面应用时，在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件；将所述页面文件发送至服务器，以使所述服务器基于所述页面文件对所述待截图页面进行截图
。2.
根据权利要求1所述的方法，其特征在于，所述方法还包括：对所述待截图页面进行解析，得到所述待截图页面中的页面元素和所述页面元素的样式信息；基于所述页面元素的样式信息从所述页面元素中选取应用了待测试样式的候选页面元素；通过所述第一页面应用内置的截图功能对所述候选页面元素进行截图测试，得到截图测试结果；所述在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件，包括：当所述截图测试结果表征所述待截图页面中存在所述第一页面应用内置的截图功能无法截取的页面元素时，在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件
。3.
根据权利要求2所述的方法，其特征在于，所述页面元素包括文本元素和图像元素；所述在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件，包括：在所述页面运行环境中，将所述文本元素转换为所述目标语言的目标文本元素，将所述图像元素转换为所述目标语言的目标图像元素，以及基于所述样式信息生成基于所述目标语言的目标样式信息，得到包含所述目标文本元素
、
所述目标图像元素和所述目标样式信息的页面文件
。4.
根据权利要求1所述的方法，其特征在于，所述方法还包括：当所述待截图页面中不存在所述第一页面应用内置的截图功能无法截取的页面元素
、
且所述第一页面应用不是所述目标页面应用时，通过目标库对所述待截图页面的文档对象模型树进行解析转换，得到适用于所述目标库的待渲染元素和渲染布局样式；按照所述渲染布局样式将所述待渲染元素绘制到画布上，得到所述待截图页面的截图图像
。5.
根据权利要求1所述的方法，其特征在于，所述方法还包括：在所述页面运行环境为第二页面应用提供的运行环境的情况下，在所述页面运行环境中基于所述待截图页面生成目标语言的页面文件
。6.
根据权利要求1至5中任意一项所述的方法，其特征在于，所述方法还包括：检测所述页面运行环境与基于所述目标语言的外部引用功能之间的兼容性，以及检测所述页面运行环境与基于所述目标语言的图像嵌入功能之间的兼容性；所述将所述页面文件发送至服务器，包括：当所述页面运行环境与所述外部引用功能
、
所述图像嵌入功能不兼容时，将所述页面
文件发送至服务器
。7.
根据权利要求6所述的方法，其特征在于，所述检测所述页面运行环境与基于所述目标语言的外部引用功能之间的兼容性，包括：获取待测试外部元素和基于所述目标语言的初始元素；在所述页面运行环境下，启用所述外部引用功能将所述待测试外部元素添加到所述初始元素，得到目标测试元素；基于所述目标测试元素确...

【专利技术属性】
技术研发人员：梁宇轩，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：