CN109710354A

CN109710354A - 页面监听方法、页面还原方法、装置、设备及介质

Info

Publication number: CN109710354A
Application number: CN201811527539.7A
Authority: CN
Inventors: 段林; 杨小彦
Original assignee: Ping An Puhui Enterprise Management Co Ltd
Current assignee: Ping An Puhui Enterprise Management Co Ltd
Priority date: 2018-12-13
Filing date: 2018-12-13
Publication date: 2019-05-03

Abstract

本发明公开了一种页面监听方法、页面还原方法、装置、设备及存储介质；首先在客户端响应于用户的页面操作行为，生成用户操作指令，用户操作指令包括页面标识和触发位置；根据页面标识和触发位置判断是否为有效操作指令；若为有效操作指令，则采用监听脚本插件获取页面操作行为的事件类型；根据事件类型获取用户的操作信息；将操作信息实时发送到服务端。然后在展示端根据页面还原请求获取对应的操作信息，将操作信息转化成操作轨迹；最后采用触发脚本插件将操作轨迹进行还原展示。不但解决页面监听过程过于复杂以及操作效率不高的问题，还保证了页面还原的效率。

Description

页面监听方法、页面还原方法、装置、设备及介质

技术领域

本发明涉及UI设计领域，尤其涉及一种页面监听、页面还原方法、装置、计算机设备及存储介质。

背景技术

随着互联网和智能移动终端技术的发展，越来越多的人热衷于线上学习或线上交流，虽然线上学习或交流具有高效便捷等优点，但用户如果想将自己在终端页面上执行的操作行为发送到另一用户的终端页面上还原展示，则需通过差分算法或录屏方式来还原页面。差分算法还原页面主要是利用差分函数或差分运算将离散的结果变换成一组连续有规律的结果，差分的结果反映了离散量之间的一种变化。利用差分算法还原页面每次只能将在本终端页面的变动内容传输到另一终端，还原过程存在屏幕兼容性问题，页面还原的效果差。另一种使用录屏方式还原页面主要是对页面的操作信息进行多媒体数据采集，连续获得当前操作界面在一段时间内的视频图像，并生成视频文件。通过录屏方式还原页面虽然效果较好，但对于传输内容过大的操作页面，在页面监听阶段会导致用户的网络流量消耗过快，且录屏方式的操作过程过于复杂，调录屏功能的过程也十分繁琐，一般需要通过打开相关的录制软件点击对应的功能按钮再进行多项设置才能开始录屏。因此，获取操作页面的操作过程过于复杂和操作页面传输过程中用户流量消耗过快是目前页面监听阶段存在的主要问题。

发明内容

本发明实施例提供一种页面监听方法、装置、设备及存储介质，以解决页面监听过程过于复杂以及操作效率不高的问题。

本发明实施例提供一种页面还原方法、装置、设备及存储介质，以解决页面还原效率不高的问题。

一种页面监听方法，包括：

响应于用户的页面操作行为，生成用户操作指令，所述用户操作指令包括页面标识和触发位置；

根据所述页面标识和触发位置判断所述用户操作指令是否为有效操作指令；

若所述用户操作指令为有效操作指令，则采用监听脚本插件获取所述页面操作行为的事件类型；

根据所述事件类型获取用户的操作信息；

将所述操作信息实时发送到服务端。

一种页面还原方法，包括：

获取页面还原请求，根据所述页面还原请求从服务端中获取对应的操作信息，其中，所述操作信息是根据上述页面监听方法生成的；

将所述操作信息转化成操作轨迹；

采用触发脚本插件将所述操作轨迹进行还原展示。

一种页面监听装置，包括：

生成模块，用于响应于用户的页面操作行为，生成用户操作指令，所述用户操作指令包括页面标识和触发位置；

判断模块，用于根据所述页面标识和触发位置判断所述用户操作指令是否为有效操作指令；

第一获取模块，用于若所述用户操作指令为有效操作指令，则采用监听脚本插件获取所述页面操作行为的事件类型；

第二获取模块，用于根据所述事件类型获取用户的操作信息；

发送模块，用于将所述操作信息实时发送到服务端。

一种页面还原装置，包括：

第三获取模块，用于获取页面还原请求，根据所述页面还原请求从服务端中获取对应的操作信息，其中，所述操作信息是根据所述的页面监听方法生成的；

转化模块，用于将所述操作信息转化成操作轨迹；

还原展示模块，用于采用触发脚本插件将所述操作轨迹进行还原展示。

一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述页面监听方法的步骤，或者所述处理器执行所述计算机程序时实现上述页面还原方法的步骤。

一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述页面监听方法的步骤，或者所述计算机程序被处理器执行时实现上述页面还原方法的步骤。

上述页面监听方法、装置、计算机设备及存储介质，通过响应用户的页面操作行为，生成用户操作指令，然后判断用户操作指令是否为有效操作指令；若为有效操作指令，则采用监听脚本插件获取页面操作行为的事件类型；根据事件类型获取用户的操作信息；最后将操作信息实时发送到服务端；不但简化了页面监听过程，还解决了操作效率不高的问题。

上述页面还原方法、装置、计算机设备及存储介质，通过获取页面还原请求，根据页面还原请求从服务端中获取对应的操作信息，然后将操作信息提取并生成操作轨迹，最后采用触发脚本插件将操作轨迹还原展示，提高了页面还原的效率。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一实施例中页面监听方法或页面还原方法的一应用环境示意图；

图2是本发明一实施例中页面监听方法的一示例图；

图3是本发明一实施例中页面监听方法的另一示例图；

图4是本发明一实施例中页面监听方法的另一示例图；

图5是本发明一实施例中页面监听方法的另一示例图；

图6是本发明一实施例中页面监听装置的一原理框图；

图7是本发明一实施例中页面还原方法的一示例图；

图8是本发明一实施例中页面还原方法的另一示例图；

图9是本发明一实施例中页面还原装置的一原理框图；

图10是本发明一实施例中计算机设备的一示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供一页面监听方法，该页面监听方法可应用在如图1所示的应用环境中。具体地，该页面监听方法应用在页面监听系统中，该页面监听系统包括如图1所示的客户端和服务端，客户端与服务端通过网络进行通信。客户端响应于用户的页面操作行为，采用监听脚本插件获取对应的操作信息；然后将操作信息实时发送给服务端，服务端对接收的操作信息进行实时保存。用于解决页面监听过程过于复杂以及操作效率不高的问题。客户端不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备上。服务端可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一实施例中，如图2所示，提供一种页面监听方法，以该方法应用在图1中的客户端为例进行说明，包括如下步骤：

S10:响应于用户的页面操作行为，生成用户操作指令，用户操作指令包括页面标识和触发位置。

其中，用户的页面操作行为为用户进入客户端的任一页面后在触摸屏上对该页面的触摸、点击、滑动、框选或输入等操作，也可以体现为用户在客户端的页面的鼠标点击、滑动、框选或键盘输入等操作。通过在客户端的页面中引入监听脚本插件，从而实时监听用户的页面操作行为。具体地，监听脚本插件指插入了js监听文件脚本的插件，js监听文件属于一段js监听代码，指在全局的dom文档的<body>标签上绑定监听事件的函数。此外，对于项目公共的js文件，可直接在客户端的页面上导入js监听文件即可实现对用户的页面操作行为的监听，不需再将js监听文件插入到脚本中。在该步骤中，可以使用脚本作为js监听文件的载体，由于脚本具有可由应用程序临时调用并执行的功能特征，更方便监听脚本插件的使用。

监听脚本插件一旦监听到用户的页面操作行为，会对用户的页面操作行为进行响应，即生成对应的用户操作指令。其中，用户操作指令包括页面标识和触发位置。页面标识指区分客户端中不同页面的一种标识。该页面标识可以由数字、字符或者文字中的至少一项组成。触发位置指用户在客户端的页面上执行页面操作行为的具体位置。可选地，可以通过在页面构建直角坐标系并通过坐标点来体现触发位置。通过页面标识和触发位置可实时追踪到页面操作行为发生的准确位置。在一个具体实施方式中，客户端的页面可以为包含多个页面的H5页面。

在该步骤中，客户端对用户的页面操作行为进行响应，生成对应的用户操作指令，不需用户再另外下载其它软件或者打开其它网络页面，操作过程简单方便，且不额外占用网络资源。

S20:根据页面标识和触发位置判断用户操作指令是否为有效操作指令。

有效操作指令指用户在客户端的任一页面中的有效区域执行页面操作行为所生成的指令。具体地，有效区域指客户端的任一页面上的链接、按钮、输入框等非空白功能处对应的区域，可以理解地，不同的页面对应的有效区域不同。

具体地，若客户端的页面为包含多个页面的H5页面，每一H5页面都预先存储了用于指示该页面中有效区域和无效区域的位置信息。因此，通过页面标识可确定页面操作行为发生的H5页面，再通过判断触发位置是否位于该H5页面上的有效区域可判断该用户操作指令是否为有效操作指令。

示例性地，若用户A在当前H5页面的右上方某一区域执行了点击操作，先根据该点击操作生成的用户操作指令，获取到当前H5页面的页面标识和对应的触发位置的坐标信息；再根据预先存储的当前H5页面的有效区域的位置信息，判断该触发位置是否位于当前H5页面的有效区域；若该触发位置位于当前H5页面的有效区域，则判断该点击操作生成的用户操作指令为有效操作指令。否则，该点击操作生成的用户操作指令为无效操作指令。

S30:若用户操作指令为有效操作指令，则采用监听脚本插件获取页面操作行为的事件类型。

事件类型指用户在客户端的页面的某一具体位置执行页面操作行为的属性。可选地，事件类型具体包括输入事件和非输入事件。示例性地，输入事件可以为点击或者选中了页面中可编辑的输入框或者修改框，非输入事件可以为对页面的按键、链接或者图像的点击。

若用户操作指令为有效操作指令，则采用监听脚本插件获取该页面操作行为的事件类型。具体地，页面操作行为的事件类型可根据页面操作行为发生的页面标识和触发位置而确定。例如：用户A点击了页面标识为400的页面的中间区域的某一位置后，页面自动跳转到页面标识为401的页面，根据页面标识和用户在页面标识为400的触发位置的坐标信息，判断得出该点击行为的触发位置上对应一跳转按键，故得出该页面操作行为的事件类型为非输入事件；若该点击行为的触发位置上对应一输入框，则该页面操作行为的事件类型为输入事件。

S40:根据事件类型获取用户的操作信息。

根据事件类型获取用户的操作信息，若用户在客户端的页面执行的页面操作行为的事件类型不同，则获取到对应的操作信息也不同。具体地，若事件类型为非输入事件，则需获取当前页面的页面地址、用户在当前页面的触发位置以及该页面操作行为的操作时间。若事件类型为输入事件，则需获取当前页面的页面地址、用户在当前页面的触发位置和该输入事件的操作时间，以及进一步获取用户的输入内容和输入时间。

在该步骤中，监听脚本插件根据事件类型获取用户执行不同页面操作行为对应的操作信息，方便在后续的页面还原阶段根据获取的操作信息还原出对应的页面操作行为。

S50:将操作信息实时发送到服务端。

监听脚本插件一旦获取到用户的页面操作行为对应的操作信息后，就将该操作信息立即发送到服务端。具体地，若用户在同一客户端的页面执行了一个输入事件之后再执行了一个非输入事件的页面操作行为，则监听脚本插件在获取到输入事件对应的操作信息后，会立即先将输入事件对应的操作信息发送到服务端，而后再获取非输入事件对应的操作信息，并将该非输入事件对应的操作信息发送到服务端。

将操作信息实时发送到服务端主要通过http请求或者websocket传输方式发送。具体地，http是一个应用层的协议，客户端与服务端进行传输前要事先确定好双方协议。通过http请求传输数据，能确保数据从客户端无失真、无丢失地传送到服务端。webSocket是一种可实现双向通信的传输方式，通过WebSocket传输数据，可以实现数据的及时推送。相比之下，使用http请求进行操作信息的传输安全准确性更高，使用websocket传输操作信息的效率更快。因此，在考虑数据的安全准确性时，可以使用http请求传输数据，在考虑数据的传输效率方面时，可以使用WebSocket传输数据。在本步骤中，数据指用户的操作信息。服务端的主要作用是接收来自监听脚本插件发送的操作信息，并对接收的操作信息进行实时保存。

优选地，当不同用户进入同一应用程序或网页的页面，执行相同或者不同的页面操作行为，页面上的监听脚本插件将获取到不同用户的操作信息传输给服务端时，服务端会根据不同的用户ID，将接收的操作信息分开保存在服务端中。在服务端中，用户ID与用户的操作信息相关联绑定并存储。

在该步骤中，采用监听脚本插件将获取的操作信息实时传送到服务端保存，服务端对于获取到不同用户的操作信息根据用户ID分开保存，不但避免了不同用户的操作信息出现混淆现象，还解决了因同时传输大量操作页面的内容，导致用户的网络流量消耗过快的问题。

在本实施例中，通过响应于用户的页面操作行为，生成用户操作指令；若用户操作指令为有效操作指令，则采用监听脚本插件获取用户的操作信息；并将获取的操作信息实时发送到服务端保存；整个页面监听过程操作简单方便，获取的数据较为简单，避免了页面监听过程过于复杂的问题，提高了页面监听的操作效率。

在一个实施例中，如图3所示，根据事件类型获取用户的操作信息，具体包括如下步骤：

S401:若事件类型为输入事件，则获取页面操作行为对应的事件类型、页面地址、触发位置和操作时间，作为基本信息；

输入事件指用户执行页面操作行为的触发位置上对应一输入框或修改框的事件。例如当用户A在页面标识为100的页面执行了页面操作行为后，根据发生该页面操作行为的触发位置的坐标信息，判断得出该触发位置上对应一输入框，则得出用户在页面标识为100的页面执行的页面操作行为的事件类型为输入事件。

若判断得出页面操作行为的事件类型为输入事件，则监听脚本插件获取该页面操作行为对应的页面地址、触发位置和操作时间，作为基本信息。具体地，获取基本信息的具体步骤包括：确定当前页面操作行为的事件类型A为输入事件，获取当前输入事件的触发位置B，根据页面标识获取当前页面的页面地址C，获取当前输入事件的操作时间D，操作时间包括输入事件发生的开始时间和结束时间；最后将获取的事件类型A、触发位置B、页面地址C和操作时间D的组合作为用户执行该输入事件的基本信息。

S402:记录输入事件对应的输入框的输入内容和对应的输入时间，作为输入信息；

另外地，根据客户端的页面预先存储的位置信息，可得发生输入事件的触发位置上对应的是一输入框。因此，用户若执行输入事件，则还需记录输入事件对应的输入框的输入内容E和对应的输入时间F，并将记录的输入内容E和对应的输入时间F的组合作为该输入事件的输入信息。

S403:将基本信息和输入信息组成用户的操作信息；

将由上述步骤S401获取的事件类型A、触发位置B、页面地址C和操作时间D组合形成的基本信息，与由上述步骤S402获取的输入内容E和输入时间F组合形成的输入信息，作为用户执行输入事件对应的操作信息。

S404:若事件类型为非输入事件，则获取页面操作行为对应的事件类型、页面地址、触发位置和操作时间，作为用户的操作信息。

非输入事件指用户执行页面操作行为的触发位置上对应一按键、链接或者图像的事件。例如当用户A在页面标识为100的页面执行了页面操作行为后，根据发生该页面操作行为的触发位置的坐标信息，判断得出该触发位置上对应一按钮，则得出用户在页面标识为100的页面执行的页面操作行为的事件类型为非输入事件。

若判断得出用户执行页面操作行为的事件类型为非输入事件，则监听脚本获取该页面操作行为对应的事件类型、页面地址、触发位置和操作时间，作为用户的操作信息。

具体地，获取用户的操作信息的具体步骤包括：确定当前页面操作行为的事件类型A为非输入事件，获取非输入事件的触发位置B,根据页面标识获取当前页面的页面地址C，最后获取非输入事件的操作时间D，操作时间包括非输入事件发生的开始时间和结束时间；最后将获取的事件类型A，触发位置B，页面地址C和操作时间D的组合作为用户执行该非输入事件的操作信息。

在本实施例中，通过先判断事件类型是否为输入事件，然后再根据事件类型获取页面操作行为对应的操作信息，保证了所获取的操作信息的准确性，方便在后续的页面还原阶段，可根据操作信息还原出完整的页面操作行为。

在一个实施例中，如图4所示，在响应于用户的操作行为，生成用户操作指令的步骤之前，该页面监听方法还包括：

S101:获取页面触发请求，页面触发请求包括用户信息；

当用户点击进入客户端的页面，在客户端的页面执行页面操作行为时，客户端会向服务端发送页面触发请求，其中，该页面触发请求携带有该用户的用户信息；其中用户信息包括触发时间、用户ID和客户端版本。具体地，触发时间指用户点击进入客户端的页面的时间；用户ID指用户进入客户端的页面前，进行验证并绑定的账户，可以是用户的手机号、QQ邮箱或微信号等；客户端版本指用户的客户端对应的版本。另外地，客户端在会向服务端发送页面触发请求时，会自动将用户ID存储在客户端的页面的监听脚本插件上。

S102:根据监听开关判断用户信息是否符合监听条件；

监听开关也称为json开关，由于监听脚本插件在监听用户的操作信息过程中需要消耗一定的资源，因此，对于用户的无关紧要或者不需要在展示端的页面还原展示的页面操作行为，可通过预先设置监听开关的参数，来控制监听脚本插件关闭监听功能。

具体地，根据监听开关判断用户信息是否符合监听条件的步骤包括：获取用户信息，先根据监听开关预先设置的时间参数，先判断用户的触发时间是否处于可监听的时间段内；然后根据监听开关预先设置的ID参数，判断该用户的用户ID是否在监听开关所预设的用户ID中，最后根据监听开关预先设置的版本参数，判断用户的客户端版本是否符合监听开关预先设置的版本中；若用户执行页面操作行为的触发时间、用户ID和客户端版本都满足监听开关预先设置的时间参数、ID参数和版本参数，则判断得出该用户的用户信息符合监听条件；若用户执行页面操作行为的触发时间、用户ID或客户端版本任意一项不满足，则判断得出该用户的用户信息不符合监听条件。

S103:若用户信息符合监听条件，则执行响应于用户的页面操作行为，生成用户操作指令的步骤。

若在步骤S102判断阶段，得出用户信息符合监听条件，则执行响应于用户的页面操作行为，生成用户操作指令的步骤。

在一个具体实施方式中，若在步骤S102判断阶段，得出用户信息不符合监听条件，则不执行响应于用户的页面操作行为，生成用户操作指令的步骤。

在该步骤中，通过用户触发请求携带的用户信息判断该用户的页面操作行为是否需要监听，可避免监听脚本插件执行无效的监听，节省了监听脚本插件的资源空间。

在本实施例中，获取页面触发请求，页面触发请求包括用户信息，根据监听开关判断用户信息是否符合监听条件，若用户信息符合监听条件，则执行响应于用户的页面操作行为，生成用户操作指令的步骤；可避免后续监听脚本插件获取到无效的操作信息，提高监听脚本插件的监听效率。

在一个实施例中，如图5所示，在根据监听开关判断用户信息是否符合监听条件的步骤之前，该页面监听方法还包括如下步骤：

S1011:获取配置文档；

配置文档指预先配置好监听开关的配置参数的文档。设置监听开关前，需用户根据实际情况预先在客户端对监听开关的参数进行文档配置，然后将配置好的配置文档发送到服务端。该配置文档可以对需要监听的时间、需要监听的特定用户或者需要监听的客户端版本进行配置。

S1012:解析配置文档，得到配置参数，配置参数包括监听时间、用户ID和客户端版本；

服务端将获取的配置文档进行解析，其中解析过程也称为读取过程，即读取配置文档中的配置参数，得到对应的配置参数包括监听时间、用户ID或客户端版本的至少一项。其中监听时间指一个时间段，具体由一个起始时间和结束时间来表示，或者由一个起始时间(或结束时间)和一个时间段来表示。

S1013:根据配置参数配置监听开关。

根据配置参数配置监听开关，实现对监听脚本插件的监听控制。在监听开关的控制下，监听脚本插件可选择在某一具体时间段内，对特定的用户ID、特定的客户端版本的页面操作行为执行监听，最大程度的节省了后台资源。

在本实施例中，用户可根据不同需求配置监听开关的配置参数，以控制监听脚本的监听功能，实现了对用户的页面操作行为的选择性监听；在保证有效监听用户的页面操作行为的情况下，还能最大程度的节省客户端资源。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

在一实施例中，提供一种页面监听装置，该页面监听装置与上述实施例中页面监听方法一一对应。如图6所示，该页面监听装置包括：生成模块10、判断模块20、第一获取模块30、第二获取模块40和发送模块50。各功能模块详细说明如下：

生成模块10，用于响应于用户的页面操作行为，生成用户操作指令，用户操作指令包括页面标识和触发位置；

判断模块20，用于根据页面标识和触发位置判断用户操作指令是否为有效操作指令；

第一获取模块30，用于若用户操作指令为有效操作指令，则采用监听脚本插件获取页面操作行为的事件类型；

第二获取模块40，用于根据事件类型获取用户的操作信息；

发送模块50，用于将操作信息实时发送到服务端。

优选地，第二获取模块40包括：

第一获取子模块，用于若事件类型为输入事件，则获取页面操作行为对应的事件类型、页面地址、触发位置和操作时间，作为基本信息；

记录子模块，用于记录输入事件对应的输入框的输入内容和对应的输入时间，作为输入信息；

第一组成子模块，用于将基本信息和输入信息组成用户的操作信息；

第二获取子模块，用于若事件类型为非输入事件，则获取页面操作行为对应的事件类型、页面地址、触发位置和操作时间，作为用户的操作信息。

优选地，该页面监听装置还包括：

第三获取模块，用于获取页面触发请求，页面触发请求包括用户信息；

判断模块，用于根据监听开关判断用户信息是否符合监听条件；

生成模块，用于若用户信息符合监听条件，则执行响应于用户的页面操作行为，生成用户操作指令的步骤。

优选地，该页面监听装置还包括：

配置文档获取模块，用于获取配置文档；

解析模块，用于解析配置文档，得到配置参数，配置参数包括监听时间、用户ID和客户端版本；

监听开关配置模块，用于根据配置参数配置监听开关。

关于页面监听装置的具体限定可以参见上文中对于页面方法的限定，在此不再赘述。上述页面装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

本发明一实施例提供一种页面还原方法，该页面还原方法可应用如图1所示的应用环境中。具体地，该页面还原方法应用在页面还原系统中，该页面还原系统包括如图1所示的展示端和服务端，展示端与服务端通过网络进行通信，展示端获取页面还原请求，根据页面还原请求从服务端中获取对应的操作信息，并采用触发脚本插件将操作信息转化成操作轨迹后，进行还原展示，用于解决页面还原效率差的问题。展示端可但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备上。服务端可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一实施例中，如图7所示，提供一种页面还原方法，以该方法应用在图1中的展示端为例进行说明，包括如下步骤：

S60:获取页面还原请求，根据页面还原请求从服务端中获取对应的操作信息，其中，操作信息是根据页面监听方法生成的；

用户点击进入展示端的页面，通过点击或者触摸展示端的页面的触发脚本插件来输入页面还原请求。可选地，页面还原请求包括还原ID。还原ID指展示端的每一页面的触发脚本插件上所保存的用户ID。触发脚本插件指引入了一段自定义函数的脚本插件。

通过在展示端的页面引入触发脚本插件，获取页面还原请求，并根据页面还原请求从服务端中获取对应的操作信息。其中，操作信息是根据上述实施例中的页面监听方法生成的。具体地，由于展示端的页面与客户端的页面的HTML标签和样式相同，故展示端的页面也称为客户端的页面的模拟页面。可选地，展示端也可以和客户端为同一终端。

优选地，由于不同用户可以在同一客户端的页面执行不同的页面操作行为，故在获取操作信息前，还需查找与页面还原请求携带的还原ID相同的用户ID。由于服务端中操作信息与对应的用户ID是关联存储的，因此，用户在展示端的页面点击触发脚本插件后，服务端会更根据用户的页面还原请求，快速查找与还原ID相同的用户ID，若查找成功，则将对应的操作信息和用户ID返回给展示端的页面，若查找失败，则在展示端的页面提示用户“该用户未执行相关页面操作行为”。其中，用户ID为在上述页面监听方法中在客户端的页面执行页面操作行为的用户ID。

示例性地，若获取到触发指令携带的还原ID为abc10086，并从服务端中查找到与还原ID相同的用户ID:abc10086，则获取与用户ID:abc10086绑定的操作信息，并将操作信息和用户ID:abc10086返回给展示端的页面。

在该步骤中，由于展示端的页面与客户端的页面的HTML标签和样式相同，展示端的页面为客户端的页面的模拟页面，所以通过在展示端的页面上引入触发脚本插件，接收服务端发送的操作信息，不会对客户端的页面的样式做改动；保证了页面还原的效果和页面屏幕的兼容性。

S70:将操作信息转化成操作轨迹；

操作轨迹指将用户的操作信息按时间先后顺序提取并合并形成的轨迹。展示端从服务端中获取到操作信息后，将离散的操作信息按照操作信息中所包含的操作时间的先后顺序提前合并形成操作轨迹。

在该步骤中，将操作信息转化成操作轨迹，保证了页面还原的连续性。

S80:采用触发脚本插件将操作轨迹进行还原展示。

还原展示指将用户在客户端的页面上的页面操作行为在触发脚本插件的触发情况下重新还原展示在展示端的页面的过程。具体可以分为实时展示和事后回放。

实时展示指客户端的页面和展示端的页面同步展示的过程，用户在客户端的页面每执行一步页面操作行为，展示端的页面就能将对应的操作轨迹在同一时间同步还原展示出来。具体地，例如用户A在客户端的页面的XPath://*[@id＝“verificationCode”位置上点击并输入了123456，那么在展示端的页面就能同步看到在位置XPath://*[@id＝”verificationCode”上被点击了，并且输入框里面的内容变成了123456，输入了123456。

事后回放指客户端的页面和展示端的页面不同步展示的过程，客户端先将获取到用户的页面操作行为对应的操作信息先发送到了服务端进行保存。当用户想要在展示端的页面还原出对应的页面操作行为时，通过点击展示端的页面点击触发脚本插件，从服务端获取对应的操作信息，就能将用户在客户端的页面执行的页面操作行为还原并展示在展示端的页面。

具体地，若从服务端获取对应的操作信息包括：事件类型为输入，触发位置为id＝”name”，页面地址为https://hao.360.cn/？wd_xp1，操作时间为14:30，且在该页面id＝”name”的输入框输入“小明”；将它们在展示端的页面进行事后回放为：打开页面地址为https://hao.360.cn/？wd_xp1的页面，点击页面上的触发位置id＝”name”，将id＝”name”的输入框将value改变为“小明。

在该步骤中，用户可根据不用的需求，将用户在客户端的页面执行的页面操作行为，在展示端的页面进行实时展示或事后回放；在保证页面还原效果和兼容性的同时，还能避免操作信息的丢失。

在本实施例中，通过响应用户的页面还原请求，接收服务端发送的操作信息，然后将操作信息提取并生成操作轨迹，最后采用触发脚本插件将操作轨迹在展示端的页面还原展示，提高了页面还原的效率。

在一实施例中，如图8所示，将操作信息转化成操作轨迹的具体步骤包括：

S701:从每一操作信息的操作时间中筛选出最早的操作时间，作为基准时间；

基准时间指从获取的操作信息中筛选出的最早的操作时间。在一个具体实施例中，从服务端获取的操作信息包括用户在一个页面的多个页面操作行为对应的多个操作信息，每一操作信息对应一个操作时间。具体地，可通过比较法筛选基准时间，即将获取的操作信息中包含的所有操作时间进行一一比较，比较得出最小的操作时间即作为基准时间。在本步骤中，进行比较的操作时间为属于同一天的操作时间，且操作时间采用24小时表示法。

S702：计算每一操作信息的操作时间和基准时间的时间间隔；

时间间隔指所获取的每一操作信息对应的操作时间与基准时间之间的时间差值；其中，最早的操作时间与基准时间的时间间隔为零。计算每一操作信息的操作时间和基准时间的时间间隔可通过利用差分算法所得。具体地，先将获取的每一操作信息的操作时间和基准时间进行比较，然后利用差分算法将获取的操作时间减去基准时间，即得到相应的时间间隔。

示例性地，若从服务端获取到的操作信息包括第一操作信息的第一操作时间：9:00，和第二操作信息的第二操作时间：9:10，根据步骤S701可得基准时间为9:00，则利用差分算法计算第二操作信息对应的第二操作时间：9:10与基准时间的时间间隔为10分钟。

S703：将每一操作信息和对应的时间间隔组成操作轨迹。

示例性地，若从服务端获取到的操作信息包括：第一事件类型：输入事件，第一页面地址：http://www.dreamh5.com/Case.htm1，第一触发位置：XPath://*[@id＝”verificationCode”]，第一操作时间：14:30，第一输入内容:1234564；第二事件类型：输入事件，第二页面地址：http://www.dreamh5.com/Case.htm1，第二触发位置：id＝”age”，第二操作时间：14:32，第二输入内容:17；则根据操作信息中包含的操作时间的先后顺序，可得基准时间为：14:30，时间间隔为：2分钟；将每一操作信息和对应的时间间隔组成操作轨迹后为：用户在页面地址为http://www.dreamh5.com/Case.htm1的页面的XPath://*[@id＝”verificationCode”]的位置上先输入1234564，2分钟后又在同一页面的id＝”age”的位置上输入了17。

在本实施例中，从每一操作信息的操作时间中筛选出最早的操作时间，作为基准时间；计算每一操作信息的操作时间和基准时间的时间间隔；将每一操作信息和对应的时间间隔组成操作轨迹，保证了用户操作行为在展示端还原的连续性，防止在展示过程中出现操作轨迹的间断，进一步增加了页面还原的效果。

在一实施例中，提供一种页面还原装置，该页面还原装置与上述实施例中页面还原方法一一对应。如图9所示，该页面还原装置包括：第三获取模块60、转化模块70和还原展示模块80。各功能模块详细说明如下：

第三获取模块60，用于获取页面还原请求，根据页面还原请求从服务端中获取对应的操作信息，其中，操作信息是根据页面监听方法生成的；

转化模块70，用于将操作信息转化成操作轨迹；

还原展示模块80，用于采用触发脚本插件将操作轨迹进行还原展示。

优选地，转化模块70包括：

筛选子模块，用于从每一操作信息的操作时间中筛选出最早的操作时间，作为基准时间；

计算子模块，用于计算每一操作信息的操作时间和基准时间的时间间隔；

第二组成子模块，用于将每一操作信息和对应的时间间隔组成操作轨迹。

关于页面还原装置的具体限定可以参见上文中对于页面还原方法的限定，在此不再赘述。上述页面还原装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图10所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部服务器通过网络连接通信。该计算机程序被处理器执行时以实现一种页面监听方法，或者该计算机程序被处理器执行时以实现一种页面还原方法。

在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述实施例中页面监听方法的步骤，或者处理器执行计算机程序时实现上述实施例中页面还原方法的步骤。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述实施例中页面监听方法的步骤，或者计算机程序被处理器执行时实现上述实施例中页面还原方法的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。

以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims

1.一种页面监听方法，其特征在于，包括：

根据所述事件类型获取用户的操作信息；

将所述操作信息实时发送到服务端。

2.如权利要求1所述的页面监听方法，其特征在于，所述根据所述事件类型获取用户的操作信息，具体包括：

若所述事件类型为输入事件，则获取所述页面操作行为对应的事件类型、页面地址、触发位置和操作时间，作为基本信息；

记录所述输入事件对应的输入框的输入内容和对应的输入时间，作为输入信息；

将所述基本信息和所述输入信息组成用户的操作信息；

若所述事件类型为非输入事件，则获取所述页面操作行为对应的事件类型、页面地址、触发位置和操作时间，作为用户的操作信息。

3.如权利要求1所述的页面监听方法，其特征在于，在响应于用户的操作行为，生成用户操作指令的步骤之前，所述页面监听方法还包括：

获取页面触发请求，所述页面触发请求包括用户信息；

根据监听开关判断所述用户信息是否符合监听条件；

若所述用户信息符合监听条件，则执行所述响应于用户的页面操作行为，生成用户操作指令的步骤。

4.如权利要求3所述的页面监听方法，其特征在于，在所述根据监听开关判断所述用户信息是否符合监听条件的步骤之前，所述页面监听方法还包括：

获取配置文档；

解析所述配置文档，得到配置参数，所述配置参数包括监听时间、用户ID和客户端版本；

根据所述配置参数配置所述监听开关。

5.一种页面还原方法，其特征在于，包括：

获取页面还原请求，根据所述页面还原请求从服务端中获取对应的操作信息，其中，所述操作信息是根据权利要求1-4中任一项所述的页面监听方法生成的；

将所述操作信息转化成操作轨迹；

采用触发脚本插件将所述操作轨迹进行还原展示。

6.如权利要求5所述的页面还原方法，其特征在于，所述将所述操作信息转化成操作轨迹，具体包括：

从每一所述操作信息的操作时间中筛选出最早的操作时间，作为基准时间；

计算每一所述操作信息的操作时间和所述基准时间的时间间隔；

将每一所述操作信息和对应的时间间隔组成操作轨迹。

7.一种页面监听装置，其特征在于，包括：

发送模块，用于将所述操作信息实时发送到服务端。

8.一种页面还原装置，其特征在于，包括：

第三获取模块，用于获取页面还原请求，根据所述页面还原请求从服务端中获取对应的操作信息，其中，所述操作信息是根据权利要求1-4中任一项所述的页面监听方法生成的；

转化模块，用于将所述操作信息转化成操作轨迹；

9.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至4任一项所述的页面监听方法的步骤，或者所述处理器执行所述计算机程序时实现如权利要求5至6任一项所述的页面还原方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至4任一项所述的页面监听方法的步骤，或者所述计算机程序被处理器执行时实现如权利要求5至6任一项所述的页面还原方法的步骤。