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

US2012010995A1,2012.0本发明涉及金融科技(Fintech)技术领域，本发明公开了一种web页面截屏方法，该方法包页面标识对应web页面的实际尺寸；根据所述实际尺寸和所述web页面截屏请求对应的缩放比例一种web页面截屏装置、设备及计算机可读存储2在接收到web页面截屏请求时，获取所述web页面截屏请求对应在所述页面标识对应的页面信息加载完成时，获取所述页面信息中预设元素标识的在接收到web页面截屏请求时，获取所述web页面截屏请在所述页面代码中添加预设元素标识的html元素，将所述页在接收到页面加载请求时，加载所述页面标识对应的页面若已加载的页面信息中不存在预设元素标识的html元素，则若已加载的页面信息中存在预设元素标识的html元素，则判定2.如权利要求1所述的web页面截屏方法，获取基于所述比例设置提示输入的缩放比例，将所述缩放比例作为所述web页面截屏所述根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行页面渲染，生成计算所述实际尺寸和所述缩放比例的乘积，将所述乘积作将所述截屏图像并保存到目标路径，生成所述目标路径对应的链接信在接收到基于所述截屏图像触发的邮件发送请求时，获取所将所述截屏图像添加到所述邮件发送请求对应的邮件界面，生成3在接收到基于邮件界面触发的图像添加请求时，获取所述所述在所述页面标识对应的页面信息加载完成时，根据所述页面信获取所述邮件界面的界面尺寸，计算所述界面尺寸与所述实根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行请求接收模块，用于在接收到web页面截屏请求时，获取所述we尺寸计算模块，用于在所述页面标识对应的页面信息加载完成时图像生成模块，用于根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行请求接收模块，具体用于在接收到web页面截屏请求时，获取所述we被所述处理器执行时实现如权利要求1至5中任一项所述的web页面截屏4[0008]根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行页面渲染，生成5将所述元素总尺寸作为所述页面标识对应web页面的[0018]在一实施例中，所述根据所述实际尺寸和所述web页面截屏请求对应的缩放比例[0020]获取基于所述比例设置提示输入的缩放比例，将所述缩放比例作为所述web页面[0021]所述根据所述实际尺寸和所述web页面截屏请求对应的缩放比例进行页面渲染，[0023]在一实施例中，所述根据所述实际尺寸和所述web页面截屏请求对应的缩放比例[0026]在一实施例中，所述根据所述实际尺寸和所述web页面截屏请求对应的缩放比例述比值作为所述web页面截屏请求对应的缩放6[0038]图像生成模块，用于根据所述实际尺寸和所述web页面截屏请求对应的缩放比例7求还可以是web页面截屏设备自动触发的，例如，web页面截屏设备中预设web页面截屏条为页面地址信息，web页面截屏设备查询预设的页面代码库获取页面地址信息对应的页面[0061]web页面截屏设备检测页面标识对应的页面信息的加载状态，判断页面标识对应的页面信息是否已加载完成，本实施例中web页面截屏设备判断页面标识对应的页面信息8照各个图像元素的排列方式和各个图像元素的尺寸，计算页面标识对应web页面的实际尺[0070]web页面截屏设备获取web页面截屏请求对应的缩放比例，web页面截屏设备用实际尺寸乘以缩放比例得到截屏图像的显示尺寸，web页面截屏设备按照显示尺寸进行页面web页面截屏请求对应的缩放比例。[0073]web页面截屏设备输出比例设置提示，以供用户基于比例设置提示设置截屏图像例为0.8(表示缩放为原始组件大小的0.8倍)，web页面截屏设备根据web页面上的实际尺9面截屏设备根据截屏请求对应的缩放比例生成截屏图像，使得截屏图像符合用户的需求，[0078]本实施例是第一实施例中步骤S10的细化步骤，本实施例中给出了一种判断页面将页面代码和添加的html元素作为页面信息，web页面截屏设备建立页面代码和添加的载页面标识对应的页面信息，web页面截屏设备实时地判断已加载的页面信息中是否存在[0086]若已加载的页面信息中不存在预设元素标识的html元素，web页面截屏设备判定[0088]若已加载的页面信息中存在预设元素标识的html元素，web页面截屏设备判定页面标识对应的页面信息已加载完成，使得web页面截屏设备按照加载完成的页面信息计算[0089]本实施例中web页面截屏设备在页面代码中添加预设元素标识的html元素，在页确定页面信息已经加载完成，这样有了这个判断依据web页面截屏设备在进行页面信息加据肯定已经加载完了，但是这就意味着要在web页面截图时需要等待10分钟才能进行接下将所述元素总尺寸作为所述页面标识对应web页面的设备将各个元素尺寸累加得到元素总尺寸，web页面截屏设备将元素总尺寸作为页面标识元素的最大宽高，得到web页面的实际尺寸，可以理解的是，若页面信息中没有这个[0097]本实施例中web页面截屏设备根据页面信息中预设元素标识的html元素，快速地[0099]本实施例是第一实施例中步骤S30之后的步骤，本实施例与上述实施例的区别在[0102]web页面截屏设备接收截屏分享指令，截屏分享指令的触发方式不作具体限定，[0103]web页面截屏设备调用预设的数据存放接口，通过预设的数据存放接口将截屏图[0104]本实施例中web页面截屏设备通过预设的数据存放接口将截屏图像保存目标路[0106]本实施例是第一实施例中步骤S30之后的步骤，本实施例与上述实施例的区别在屏设备获取邮件发送请求对应的收件人标识(收件人标识是页面截屏设备将截屏图像添加到邮件发送请求对应的邮件界面，生成包含截屏图像的邮[0110]本实施例中在截屏完成之后，web页面截屏设备将截屏得到的截屏图像作为邮件五实施例是用户在web页面上进行截屏得到截屏图像，用户基于截屏图像触发邮件操作，web页面截屏设备将得到的截屏图像作为邮件内容进行发送；而本实施例中则是用户在邮页端等，web页面截屏设备的显示界面中显示邮件界面，用户在邮件界面触发图像添加请web页面截屏设备查询页面标识对应的web页面，并跳转至web页面上触发web页面截屏请[0118]web页面截屏设备接收基于页面标识触发web页面截屏请求时，web页面截屏设备设的页面代码库获取页面地址信息对应的页面信息，以完成页面标识对应页面信息的加述比值作为所述web页面截屏请求对应的缩放[0127]web页面截屏设备实时地检测页面标识页面信息的加载状态，以判断页面标识对应的页面信息是否已加载完成，web页面截屏设备在检测到页面标识对应的页面信息加载[0130]web页面截屏设备使用html邮件格式，用table标签来控制邮件的内容排版(因为[0131]参考图5，本发明实施例还提供一种web页面截屏装置，所述web页面截屏装置包[0134]图像生成模块30，用于根据所述实际尺寸和所述web页面截屏请求对应的缩放比[0153]邮件发送模块，用于将所述截屏图像添加到所述邮件发生成包含所述截屏图像的邮件并发送所述收件人标