CN110704784B web页面截屏方法、装置、设备及计算机可读存储介质 （深圳前海微众银行股份有限公司）.docxVIP

(19)国家知识产权局

(12)发明专利

(10)授权公告号CN110704784B(45)授权公告日2025.07.11

(21)申请号201910959926.6

(22)申请日2019.10.10

(65)同一申请的已公布的文献号申请公布号CN110704784A

(43)申请公布日2020.01.17

(73)专利权人深圳前海微众银行股份有限公司地址518000广东省深圳市前海深港合作

区前湾一路1号A栋201室(入驻深圳市前海商务秘书有限公司)

(72)发明人李为卢道和林挺黄山

(74)专利代理机构北京同达信恒知识产权代理有限公司11291

专利代理师李欣

(51)Int.CI.

GO6F16/958(2019.01)

GO6F9/451(2018.01)

(56)对比文件

CN109033466A,2018.12.18

US2012010995A1,2012.01.12CN106873871A,2017.06.20

审查员陈秀菲

权利要求书2页说明书11页附图3页

(54)发明名称

web页面截屏方法、装置、设备及计算机可读存储介质

(57)摘要

CN110704784B本发明涉及金融科技(Fintech)技术领域，本发明公开了一种web页面截屏方法，该方法包括：在接收到web页面截屏请求时，获取所述web页面截屏请求对应的页面标识，并加载所述页面标识对应的页面信息；在所述页面标识对应的页面信息加载完成时，根据所述页面信息计算所述页面标识对应web页面的实际尺寸；根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行页面渲染，生成截屏图像。本发明还公开了一种web页面截屏装置、设备及计算机可读存储

CN110704784B

在接收到

在接收到web页面截屏请求时，获取所述web页面

截屏请求对应的页面标识，并加载所述页面标识

对应的页面信息

在所述页面标识对应的页面信息加载完成时，根

据所述页面信息计算所述页面标识对应web页面的

实际尺寸

根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行页面渲染，生成截屏图像

S10

—S20

—S30

CN110704784B权利要求书1/2页

2

1.一种web页面截屏方法，其特征在于，所述web页面截屏方法包括如下步骤：

在接收到web页面截屏请求时，获取所述web页面截屏请求对应的页面标识，并加载所述页面标识对应的页面信息；

在所述页面标识对应的页面信息加载完成时，获取所述页面信息中预设元素标识的html元素；

以所述html元素为起点，计算与所述html元素相邻的sibling元素的元素总尺寸，将所述元素总尺寸作为所述页面标识对应web页面的实际尺寸；根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行页面渲染，生成截屏图像；

其中，所述在接收到web页面截屏请求时，获取所述web页面截屏请求对应的页面标识，并加载所述页面标识对应的页面信息的步骤，包括：

在接收到web页面截屏请求时，获取所述web页面截屏请求对应的页面标识，确定所述页面标识对应的页面代码；

在所述页面代码中添加预设元素标识的html元素，将所述页面代码和所述html元素作为页面信息关联保存；所述html元素在所述页面信息加载完成时生成；

在接收到页面加载请求时，加载所述页面标识对应的页面信息，判断已加载的页面信息中是否存在预设元素标识的html元素；

若已加载的页面信息中不存在预设元素标识的html元素，则判定所述页面标识对应的页面信息未加载完成；

若已加载的页面信息中存在预设元素标识的html元素，则判定所述页面标识对应的页面信息已加载完成。

2.如权利要求1所述的web页面截屏方法，其特征在于，所述根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行页面渲染，生成截屏图像的步骤之前，包括：

输出比例设置提示，以供用户基于所述比例设置提示设置截屏图像的缩放比例；

获取基于所述比例设置提示输入的缩放比例，将所述缩放比例作为所述web页面截屏请求对应的缩放比例；

所述根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行页面渲染，生成截屏图像的步骤，包括：

计算所述实际尺寸和所述缩放比例的乘积，将所述乘积作为显示尺寸，根据所述显示尺寸进行页面渲染，生成截屏图像。

3.如权利要