[发明专利]一种网页操作回放方法、装置、计算机设备及介质

说明书

本发明涉及计算机领域，尤其涉及一种网页操作回放方法、装置、计算机设备及介质。所述方法包括：在用户对目标页面进行操作时捕获用户操作信息；根据所述用户操作信息生成用于模拟用户操作的第一脚本；获取用户对目标页面进行操作时生成的离线数据，其中，所述离线数据包括请求数据，以及与请求数据对应的响应数据；根据所述离线数据生成用于模拟用户操作对应操作结果的第二脚本；响应于接收到页面操作回放请求，则打开所述目标页面，并利用所述第一脚本模拟用户操作，以及利用所述第二脚本模拟用户操作对应的操作结果。本发明的方案达到了回放操作的高真模拟度以及容易存储、占用体积小、且兼容性高。

技术领域

本发明涉及计算机领域，尤其涉及一种网页操作回放方法、装置、计算机设备及介质。

背景技术

Web网页(web page)是指万维网上的一个按照HTML格式组织起来的文件。网页操作回放是对用户在Web页面的操作步骤的记录和模拟，一般用来追踪出现问题时的操作行为。

目前，实现用户在Web页面操作回放的方式有两种：第一种，传统意义上的录屏回放，这种方式模拟度最高，但是录制的视频体积大，存储空间大且录制软件、播放软件对系统的兼容性要求较高，第二种，利用浏览器的一些操作捕获工具获取用户的操作，进而基于所捕获的操作再去服务器获取响应的数据；然而，此种方式存在如下缺陷：a)回放系统未独立，回放时会操作实际系统，对系统的数据造成影响；b)回放数据未独立，回放时系统中数据已不是用户实际操作时的数据。

发明内容

有鉴于此，有必要针对以上技术问题，提供一种网页操作回放方法、装置、计算机设备及介质。

根据本发明的第一方面，提供了一种网页操作回放方法，所述方法包括：

在用户对目标页面进行操作时捕获用户操作信息；

根据所述用户操作信息生成用于模拟用户操作的第一脚本；

获取用户对目标页面进行操作时生成的离线数据，其中，所述离线数据包括请求数据，以及与请求数据对应的响应数据；

根据所述离线数据生成用于模拟用户操作对应操作结果的第二脚本；

响应于接收到页面操作回放请求，则打开所述目标页面，并利用所述第一脚本模拟用户操作，以及利用所述第二脚本模拟用户操作对应的操作结果。

在一些实施例中，用户操作信息包括操作顺序、被触发的dom元素和dom元素上绑定的事件，所述根据所述用户操作信息生成用于模拟用户操作的第一脚本的步骤包括：

依据所述用户操作顺序将被触发的dom元素和dom元素上绑定的事件记录到所述目标页面在本地存储的driver属性中；

响应于用户对目标页面的操作结束，则取出并遍历所述driver属性，生成js格式的文件作为所述第一脚本。

在一些实施例中，所述根据所述离线数据生成用于模拟用户操作对应操作结果的第二脚本的步骤包括：

将所述离线数据记录到所述目标页面在本地存储的mock属性中；

响应于用户对目标页面的操作结束，则取出并遍历所述mock属性，生成js格式的文件作为所述第二脚本。

在一些实施例中，所述打开所述目标页面，并利用所述第一脚本模拟用户操作，以及利用所述第二脚本模拟用户操作对应的操作结果的步骤包括：

获取Mock工具的js格式的驱动文件作为第三脚本；

将所述第二脚本和所述第三脚本存储到所述目标页面的根目录下；

利用Web服务器打开所述目标页面；

将所述第一脚本文件引入到所述目标页面中并执行所述第一脚本文件；