一种网页操作记录器、系统、装置及方法制造方法及图纸

本发明专利技术公开了网页监控技术领域的一种网页操作记录器、系统、装置及方法，包括：响应于浏览器被打开时，获取用户ID；响应于网页被打开时，获取标签页ID，以及，向当前网页DOM树中插入安装DOM监控器并传入用户ID和标签页ID；响应于插入安装DOM监控器时获取DOM树整体结点信息后发送给后台服务器；响应于网页内容有变化时获取DOM树结点变化信息后发送给后台服务器；响应于浏览器内有用户操作时，获取时间戳、用户操作事件和标签页ID后发送至后台服务器进行关联储存。本发明专利技术能够完整记录用户的操作过程及网页DOM树变化，便于操作还原。便于操作还原。便于操作还原。

【技术实现步骤摘要】
一种网页操作记录器、系统、装置及方法


[0001]本专利技术涉及一种网页操作记录器、系统、装置及方法，属于网页监控


技术介绍

[0002]在流程挖掘
，为了记录用户在浏览器的操作记录，一般的方法是构建一个浏览器插件，通过浏览器的API接口，记录每个操作及事件。这种方式非常可靠，而且可以记录非常详细的信息，所以得到了广泛应用。
[0003]使用浏览器API记录的信息虽然全面，但是仅仅记录了当前操作本身的信息，而操作的上下文则丢失了；另外，为了方便用户确认每一个操作对应的页面，需要保存操作截图，由于操作数量很大，图片数据对网络带宽和存储都造成了压力。

技术实现思路

[0004]本专利技术的目的在于克服现有技术中的不足，提供一种网页操作记录器、系统、装置及方法，能够完整记录用户的操作过程及网页DOM树变化，便于操作还原。
[0005]为达到上述目的，本专利技术是采用下述技术方案实现的：
[0006]第一方面，本专利技术提供了网页操作记录方法，包括：
[0007]响应于浏览器被打开时，获取用户ID；
[0008]响应于网页被打开时，获取标签页ID，以及，向当前网页DOM树中插入安装DOM监控器并传入用户ID和标签页ID；
[0009]响应于插入安装DOM监控器时获取DOM树整体结点信息后发送给后台服务器；
[0010]响应于网页内容有变化时获取DOM树结点变化信息后发送给后台服务器；
[0011]响应于浏览器内有用户操作时，获取时间戳、用户操作事件和标签页ID后发送至后台服务器进行关联储存。
[0012]进一步的，响应于浏览器内有用户操作时，获取时间戳、用户操作事件和标签页ID发送至后台服务器进行关联储存，包括：
[0013]响应于用户执行任意一个操作时，接收浏览器反馈的事件通知；
[0014]基于事件通知，获取用户操作事件和标签页ID。
[0015]进一步的，所述DOM树整体结点信息和DOM树结点变化信息均包括时间戳、用户ID和标签页ID。
[0016]第二方面，本专利技术提供了一种网页操作记录器，包括：
[0017]浏览器插件：响应于浏览器被打开时，获取用户ID；响应于网页被打开时，获取标签页ID，以及，向当前网页DOM树中插入安装DOM监控器并传入用户ID和标签页ID；响应于浏览器内有用户操作时，获取时间戳、用户操作事件和标签页ID后发送至后台服务器进行关联储存；
[0018]DOM监控器：响应于插入网页DOM树时获取DOM树整体结点信息后发送给后台服务器；响应于网页内容有变化时获取DOM树结点变化信息后发送给后台服务器。
[0019]进一步的，所述浏览器插件基于浏览器所反馈的事件通知获取用户操作事件和标签页ID。
[0020]进一步的，所述浏览器插件和DOM监控器均实时向后台服务器发送信息。
[0021]第三方面，本专利技术提供了一种网页操作记录系统，包括上述的网页操作记录器，还包括后台服务器，所述后台服务器基于DOM监控器和浏览器插件发送的信息进行关联存储，以及，基于DOM树结点变化信息对浏览器插件发送的用户操作事件进行补全后存储。
[0022]进一步的，所述后台服务器提取相同用户ID和标签页ID所对应的DOM树结点变化信息，补全对应用户操作事件的上下文信息后存储。
[0023]第四方面，本专利技术提供了一种网页操作记录装置，包括处理器及存储介质；
[0024]所述存储介质用于存储指令；
[0025]所述处理器用于根据所述指令进行操作以执行根据上述任一项所述方法的步骤。
[0026]第五方面，本专利技术提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述任一项所述方法的步骤。
[0027]与现有技术相比，本专利技术所达到的有益效果：
[0028]一、使用浏览器插件记录浏览器操作事件，DOM监控器监控网页的变化；所有事件发往后台服务器，两者合并起来可以覆盖浏览器内的所有事件，以及每个网页内的所有变化，达到完整记录用户的操作过程及网页DOM树变化，便于操作还原的目的；另外，由于DOM树信息是以纯文本方式保存的，在保证准确还原页面显示的同时，网络传输和存储数据量大大降低。
[0029]二、本专利技术中，由于后台服务器可以计算出页面DOM树的实时快照，获得了网页的全部内容，可根据此快照扩充浏览器插件发送的事件消息，增加任何相关的上下文信息，使得用户操作事件记录变得更加丰富，方便后续进一步的处理。
附图说明
[0030]图1是本专利技术实施例一提供的网页操作记录方法流程图。
具体实施方式
[0031]下面结合附图对本专利技术作进一步描述。以下实施例仅用于更加清楚地说明本专利技术的技术方案，而不能以此来限制本专利技术的保护范围。其中：浏览器API：大部分浏览器都提供了API，以访问、控制浏览器的各种行为和属性；DOM树：每个网页是一个多级DOM树，每个节点可以有子结点。所有的页面元素都对应一个DOM树上的节点。
[0032]实施例一：
[0033]一种网页操作记录器，包括浏览器插件和DOM监控器，具体网页操作记录方法如下：
[0034]用户安装浏览器插件，本实施例以chrome浏览器为例进行说明，浏览器打开后，插件自动运行，它首先连接服务器，获得当前用户ID。
[0035]在用户执行任意一个操作时，浏览器插件都会接收到chrome浏览器的事件通知。比如，打开网页时，可以收到navigateTo事件，表示当前要转向指定的URL。当用户在页面执行操作时，浏览器插件也会收到相应的事件通知。比如点击一个按钮，此时发送一个click
事件，内容还包含对应组件的xpath，以及当前页面的完整url等信息；浏览器插件只需要监控相关的事件，忽略不相关的事情，比如这里就不需要关注下载事件startDownload、stopDownload。插件收到相关的消息后，会通过POST方式发送给后台服务器。每条消息都要包含当前时间、用户ID和标签页ID，标签页ID(一般是数字表示)是由浏览器提供的，每个浏览器可能会同时打开多个标签页。
[0036]在用户打开一个网页时，插件除了发送消息外，还要自动向当前网页DOM树中插入DOM监控器引入模块的代码(任意位置，一般选择head结点)，同时传入用户ID和标签页ID；插入后执行这段代码，安装DOM监控器。DOM监控器通过标准函数MutationServer(即页面内监控函数)创建，可以对DOM树上任意结点(默认为body结点)上的变化进行监视。这个DOM结点内的所有变化都会生成一条消息，通过POST发给后台服务器。比如，当鼠标在网页内移动时，移动到某些结点，对应的内容会高亮显示，这个时候虽然用户未执行任何操作，但DOM树的内容其实是发生了变化；或者页面上有些内容根据时间自动更新。这些变化是无法通过浏览器插件获得，只能通过页面内监控函数来获得。
[0本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页操作记录方法，其特征是，包括：响应于浏览器被打开时，获取用户ID；响应于网页被打开时，获取标签页ID，以及，向当前网页DOM树中插入安装DOM监控器并传入用户ID和标签页ID；响应于插入安装DOM监控器时获取DOM树整体结点信息后发送给后台服务器；响应于网页内容有变化时获取DOM树结点变化信息后发送给后台服务器；响应于浏览器内有用户操作时，获取时间戳、用户操作事件和标签页ID后发送至后台服务器进行关联储存。2.根据权利要求1所述的网页操作记录方法，其特征是，响应于浏览器内有用户操作时，获取时间戳、用户操作事件和标签页ID发送至后台服务器进行关联储存，包括：响应于用户执行任意一个操作时，接收浏览器反馈的事件通知；基于事件通知，获取用户操作事件和标签页ID。3.根据权利要求1所述的网页操作记录方法，其特征是，所述DOM树整体结点信息和DOM树结点变化信息均包括时间戳、用户ID和标签页ID。4.一种网页操作记录器，其特征是，包括：浏览器插件：响应于浏览器被打开时，获取用户ID；响应于网页被打开时，获取标签页ID，以及，向当前网页DOM树中插入安装DOM监控器并传入用户ID和标签页ID；响应于浏览器内有用户操作时，获取时间戳、用户操作事件和标签页ID后发送至后台服务器进行关联储存；D...

【专利技术属性】
技术研发人员：唐琦松，林平，吴鑫，靳志业，李红林，
申请(专利权)人：上海艺赛旗软件股份有限公司，
类型：发明
国别省市：