网页操作回放方法、装置、设备及存储介质制造方法及图纸

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

【技术实现步骤摘要】
网页操作回放方法、装置、设备及存储介质


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

技术介绍

[0002]在网页浏览与操作过程中，经常会遇到需要将用户的浏览、操作信息进行记录的情形，例如，针对浏览的内容进行解说，发送至第三方，以便第三方能够执行网页回放，充分了解网页所包含的内容、重点以及操作过程。另外，在一些特殊的要求中，要求将网页的浏览、操作过程严格记录，并生成可供查验的网页操作过程记录数据，同时需考虑所记录数据的完整性，且不允许篡改，例如，在银保监会发布的《关于规范互联网保险销售行为可回溯管理的通知》中，明确要求做到互联网保险销售行为的可回溯，即对通过网页销售的操作过程进行完整记录，并保存生成可供查验的数据，并强调互联网保险销售行为可回溯资料应当可以还原为可供查验的有效文件，销售页面应当可以还原为可供查验的有效图片或视频，以便调查检查使用。
[0003]现有技术中，对网页操作过程记录采用屏幕录制生成视频的方式，其具有体积大、录制不方便、查验难的特点，一般地，如上互联网投保的网页操作过程，操作时间按10分钟计算，所生成的录制文件大小在500M以上，要求用户安装屏幕录制软件才能完成投保过程，限制了用户的行为；针对录制视频进行查验，无法快速定位某项内容(如用户在健康告知项中的签字部分)。

技术实现思路

[0004]本申请提供一种网页操作回放方法、装置、设备及存储介质，以解决现有网页操作视频记录占用存储资源过多的问题。
[0005]为解决上述技术问题，本申请采用的一个技术方案是：提供一种网页操作回放方法，包括：获取待监听网页的页面信息，页面信息包括Dom元素信息、CSS样式信息以及HTML中无法反映的视图状态信息；利用预设监听事件监听待监听网页上发生的网页操作事件并保存；响应于网页操作的回放请求，提取网页操作事件，并基于页面信息重建待监听网页的回放页面；将网页操作事件按预设规则生成模拟动画并在回放页面上回放。
[0006]作为本申请的进一步改进，响应于网页操作的回放请求，提取网页操作事件，并基于页面信息重建待监听网页的回放页面，包括：响应于网页操作的网页回放请求，利用正则表达式过滤掉页面信息中的script脚本标签；基于iframe沙盒功能，根据过滤后的页面信息重建回放页面。
[0007]作为本申请的进一步改进，利用预设监听事件监听待监听网页上发生的网页操作事件并保存，包括：检测到用户打开待监听网页时，开启预设监听事件以监听待监听页面发生的事件以及事件的发生时间；检测到用户关闭待监听网页时，停止预设监听事件，根据监听到的事件以及事件的发生时间生成网页操作事件并保存。
[0008]作为本申请的进一步改进，监听待监听页面发生的事件，包括：监听到待监听网页发生操作时的目标顶层Dom元素；基于事件冒泡机制确认发生事件的目标实际Dom元素；记录发生的事件和目标实际Dom元素。
[0009]作为本申请的进一步改进，利用预设监听事件监听待监听网页上发生的网页操作事件并保存，包括：利用预设监听事件监听待监听网页上发生的网页操作事件；将网页操作事件和页面信息存储至数据库中，并基于待监听页面的名称和网页操作事件发生的时间两个维度构建搜索索引。
[0010]作为本申请的进一步改进，接收到回放请求时，提取网页操作事件，并基于页面信息重建待监听网页的回放页面，包括：接收用户输入的查询信息，查询信息包括查询页面名称和查询时间；将查询页面名称和查询时间与搜索索引匹配，查询得到网页操作事件；基于页面信息重建待监听网页的回放页面。
[0011]作为本申请的进一步改进，网页操作事件包括Dom元素变化、鼠标点击、鼠标移动、页面或元素移动、视窗大小变动、或输入框输入。
[0012]为解决上述技术问题，本申请采用的另一个技术方案是：提供一种网页操作回放装置，包括：获取模块，用于获取待监听网页的页面信息，页面信息包括Dom元素信息、CSS样式信息以及HTML中无法反映的视图状态；监听模块，用于利用预设监听事件监听待监听网页上发生的网页操作事件并保存；重建模块，用于接收到回放请求时，提取网页操作事件，并基于页面信息重建待监听网页的回放页面；回放模块，用于将网页操作事件按预设规则生成模拟动画并在回放页面上回放。
[0013]为解决上述技术问题，本申请采用的再一个技术方案是：提供一种计算机设备，计算机设备包括处理器、与处理器耦接的存储器，存储器中存储有程序指令，程序指令被处理器执行时，使得处理器执行如上述中任一项的网页操作回放方法的步骤。
[0014]为解决上述技术问题，本申请采用的再一个技术方案是：提供一种存储介质，存储有能够实现上述网页操作回放方法的程序指令。
[0015]本申请的有益效果是：本申请的网页操作回放方法通过对待监听网页进行事件监听，记录并保存网页操作事件，且获取待监听网页的页面信息，在接收到回放请求后，根据该页面信息重建该待监听网页的回放页面，再将网页操作事件还原为模拟动画，再将该模拟动画在回放页面上进行回放，其保存的网页操作事件和页面信息均是字符串数据，占用空间小，远小于视频文件的大小，并且监听待监听网页的预设监听事件运行时占用的资源远小于视频录制软件运行时所占用的资源，降低了对资源的消耗。
附图说明
[0016]图1是本专利技术第一实施例的网页操作回放方法的流程示意图；
[0017]图2是本专利技术实施例的网页操作回放装置的功能模块示意图；
[0018]图3是本专利技术实施例的计算机设备的结构示意图；
[0019]图4是本专利技术实施例的存储介质的结构示意图。
具体实施方式
[0020]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完
整地描述，显然，所描述的实施例仅是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0021]本申请中的术语“第一”、“第二”、“第三”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”、“第三”的特征可以明示或者隐含地包括至少一个该特征。本申请的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。本申请实施例中所有方向性指示(诸如上、下、左、右、前、后
……
)仅用于解释在某一特定姿态(如附图所示)下各部件之间的相对位置关系、运动情况等，如果该特定姿态发生改变时，则该方向性指示也相应地随之改变。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0022]在本文中提及“实施例”意味着本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页操作回放方法，其特征在于，包括：获取待监听网页的页面信息，所述页面信息包括Dom元素信息、CSS样式信息以及HTML中无法反映的视图状态信息；利用预设监听事件监听所述待监听网页上发生的网页操作事件并保存；响应于网页操作的回放请求，提取所述网页操作事件，并基于所述页面信息重建所述待监听网页的回放页面；将所述网页操作事件按预设规则生成模拟动画并在所述回放页面上回放。2.根据权利要求1所述的网页操作回放方法，其特征在于，所述响应于网页操作的回放请求，提取所述网页操作事件，并基于所述页面信息重建所述待监听网页的回放页面，包括：响应于网页操作的回放请求，利用正则表达式过滤掉所述页面信息中的script脚本标签；基于iframe沙盒功能，根据过滤后的页面信息重建所述回放页面。3.根据权利要求1所述的网页操作回放方法，其特征在于，所述利用预设监听事件监听所述待监听网页上发生的网页操作事件并保存，包括：检测到用户打开所述待监听网页时，开启所述预设监听事件以监听所述待监听页面发生的事件以及事件的发生时间；检测到用户关闭所述待监听网页时，停止所述预设监听事件，根据监听到的事件以及事件的发生时间生成网页操作事件并保存。4.根据权利要求3所述的网页操作回放方法，其特征在于，所述监听所述待监听页面发生的事件，包括：监听到所述待监听网页发生操作时的目标顶层Dom元素；基于事件冒泡机制确认发生事件的目标实际Dom元素；记录发生的事件和所述目标实际Dom元素。5.根据权利要求1所述的网页操作回放方法，其特征在于，所述利用预设监听事件监听所述待监听网页上发生的网页操作事件并保存，包括：利用预设监听事件监听所述待监听网页上发生的网页操作事件；将所述...

【专利技术属性】
技术研发人员：严晓娥，
申请(专利权)人：深圳壹账通智能科技有限公司，
类型：发明
国别省市：