[发明专利]网页操作回放方法、装置、设备及存储介质

说明书

本发明涉及计算机技术领域，公开了一种网页操作回放方法、装置、设备及存储介质，其中方法包括：获取待监听网页的页面信息，页面信息包括Dom元素信息、CSS样式信息以及HTML中无法反映的视图状态信息；利用预设监听事件监听待监听网页上发生的网页操作事件并保存；响应于网页操作的回放请求，提取网页操作事件，并基于页面信息重建待监听网页的回放页面；将网页操作事件按预设规则生成模拟动画并在回放页面上回放。通过上述方式，本发明能够完整的保存网页操作过程的记录，且以数据的方式进行保存时，占用的存储空间小。

技术领域

本申请涉及计算机技术领域，特别是涉及一种网页操作回放方法、装置、设备及存储介质。

背景技术

在网页浏览与操作过程中，经常会遇到需要将用户的浏览、操作信息进行记录的情形，例如，针对浏览的内容进行解说，发送至第三方，以便第三方能够执行网页回放，充分了解网页所包含的内容、重点以及操作过程。另外，在一些特殊的要求中，要求将网页的浏览、操作过程严格记录，并生成可供查验的网页操作过程记录数据，同时需考虑所记录数据的完整性，且不允许篡改，例如，在银保监会发布的《关于规范互联网保险销售行为可回溯管理的通知》中，明确要求做到互联网保险销售行为的可回溯，即对通过网页销售的操作过程进行完整记录，并保存生成可供查验的数据，并强调互联网保险销售行为可回溯资料应当可以还原为可供查验的有效文件，销售页面应当可以还原为可供查验的有效图片或视频，以便调查检查使用。

现有技术中，对网页操作过程记录采用屏幕录制生成视频的方式，其具有体积大、录制不方便、查验难的特点，一般地，如上互联网投保的网页操作过程，操作时间按10分钟计算，所生成的录制文件大小在500M以上，要求用户安装屏幕录制软件才能完成投保过程，限制了用户的行为；针对录制视频进行查验，无法快速定位某项内容(如用户在健康告知项中的签字部分)。

发明内容

本申请提供一种网页操作回放方法、装置、设备及存储介质，以解决现有网页操作视频记录占用存储资源过多的问题。

为解决上述技术问题，本申请采用的一个技术方案是：提供一种网页操作回放方法，包括：获取待监听网页的页面信息，页面信息包括Dom元素信息、CSS样式信息以及HTML中无法反映的视图状态信息；利用预设监听事件监听待监听网页上发生的网页操作事件并保存；响应于网页操作的回放请求，提取网页操作事件，并基于页面信息重建待监听网页的回放页面；将网页操作事件按预设规则生成模拟动画并在回放页面上回放。

作为本申请的进一步改进，响应于网页操作的回放请求，提取网页操作事件，并基于页面信息重建待监听网页的回放页面，包括：响应于网页操作的网页回放请求，利用正则表达式过滤掉页面信息中的script脚本标签；基于iframe沙盒功能，根据过滤后的页面信息重建回放页面。

作为本申请的进一步改进，利用预设监听事件监听待监听网页上发生的网页操作事件并保存，包括：检测到用户打开待监听网页时，开启预设监听事件以监听待监听页面发生的事件以及事件的发生时间；检测到用户关闭待监听网页时，停止预设监听事件，根据监听到的事件以及事件的发生时间生成网页操作事件并保存。

作为本申请的进一步改进，监听待监听页面发生的事件，包括：监听到待监听网页发生操作时的目标顶层Dom元素；基于事件冒泡机制确认发生事件的目标实际Dom元素；记录发生的事件和目标实际Dom元素。

作为本申请的进一步改进，利用预设监听事件监听待监听网页上发生的网页操作事件并保存，包括：利用预设监听事件监听待监听网页上发生的网页操作事件；将网页操作事件和页面信息存储至数据库中，并基于待监听页面的名称和网页操作事件发生的时间两个维度构建搜索索引。

作为本申请的进一步改进，接收到回放请求时，提取网页操作事件，并基于页面信息重建待监听网页的回放页面，包括：接收用户输入的查询信息，查询信息包括查询页面名称和查询时间；将查询页面名称和查询时间与搜索索引匹配，查询得到网页操作事件；基于页面信息重建待监听网页的回放页面。