[发明专利]一种浏览器页面截取方法及装置

说明书

本申请公开了一种浏览器页面截取及装置，应用于服务端，包括：获取浏览器客户端触发生成的截取指令，并根据所述截取指令控制所述浏览器客户端发送相应的截取参数；所述截取参数为与所述浏览器客户端的预截取页面相关的信息；根据所述截取参数访问所述预截取页面并对所述预截取页面进行截取操作，以得到与所述预截取页面对应的目标截图后将所述目标截图返回至所述浏览器客户端。本申请服务端在获取到截取指令后即获取浏览器客户端针对此次截取指令的截取参数，根据截取参数在服务端统一访问预截取页面以进行页面截取，同时将截图返回至浏览器客户端，从而解决各个用户浏览器截取功能不兼容问题，截取响应速度快且实现简单。

技术领域

本发明涉及计算机技术领域，特别涉及一种浏览器页面截取方法、装置、设备及存储介质。

背景技术

目前市面上的浏览器种类繁杂，用户使用的浏览器版本和功能各不相同，对于前端实现截图功能存在很大的兼容性问题，在不同的浏览器和不同环境的电脑环境，由于各大浏览器厂商没有形成标准统一的API提供给开发者，前端无法实现统一的截图功能，极大地增加了开发成本、降低了用户体验。例如机密性较高的电脑不便安装三方的软件或者有些政府企业的电脑系统老旧，浏览器版本低，无法实现前端截图功能。另外，目前客户端截取图片时需要canvas绘制，导致占用大量系统内存、CPU和GPU等系统资源，对于性能较弱的电脑，浏览器页面截图功能稍显捉襟见肘。

因此，如何解决各个用户浏览器截取功能不兼容问题是本领域技术人员亟待解决的技术问题。

发明内容

有鉴于此，本发明的目的在于提供一种浏览器页面截取方法、装置、设备及存储介质，能够解决各个用户浏览器截取功能不兼容问题，截取响应速度快且实现简单。其具体方案如下：

本申请的第一方面提供了一种浏览器页面截取方法，应用于服务端，包括：

获取浏览器客户端触发生成的截取指令，并根据所述截取指令控制所述浏览器客户端发送相应的截取参数；其中，所述截取参数为与所述浏览器客户端的预截取页面相关的信息；

根据所述截取参数访问所述预截取页面并对所述预截取页面进行截取操作，以得到与所述预截取页面对应的目标截图后将所述目标截图返回至所述浏览器客户端。

可选的，所述获取浏览器客户端触发生成的截取指令之前，还包括：

所述浏览器客户端通过调用所述服务端上的页面截取服务API的方式触发生成所述截取指令。

可选的，所述根据所述截取指令控制所述浏览器客户端发送相应的截取参数，包括：

根据所述截取指令控制所述浏览器客户端发送所述预截取页面的页面地址和所述预截取页面中的目标DOM节点的标识属性；其中，所述目标DOM节点为与所述预截取页面对应的所述目标截图中包含的DOM节点。

可选的，所述根据所述截取参数访问所述预截取页面，包括：

在所述服务端启动无头浏览器并利用所述无头浏览器根据所述预截取页面的所述页面地址访问所述预截取页面。

可选的，所述利用所述无头浏览器根据所述预截取页面的所述页面地址访问所述预截取页面，包括：

如果所述预截取页面设置有访问权限，则控制所述浏览器客户端发送与所述预截取页面对应的认证凭证，以利用所述无头浏览器根据所述预截取页面的所述页面地址和所述访问凭证访问所述预截取页面。

可选的，所述对所述预截取页面进行截取操作之前，还包括：

对所述预截取页面的所有数据接口进行监听以确定所述预截取页面是否响应完成，如果是，则判断所述预截取页面中的全部DOM节点是否渲染结束，如果是，则启动对所述预截取页面进行截取操作的步骤。