CN102272757B - 用于执行客户端浏览器状态的服务器端记录的方法和系统 - Google Patents

Abstract

本发明的一方面包括捕获客户端浏览器状态且在标记文本内传达这样所捕获的浏览器状态以用于在web服务器处记录。在一实施例中，遍历由客户端存取的网页的DOM(文档对象模型)的内容，且以字符串形式(诸如HTML)将所述内容写为标记文字。除特定地用以识别浏览器显示环境的元数据之外，还将此标记作为在HTTP请求内的文本从该客户端传输至该服务器。该服务器可接着记录该标记文本及该元数据以供稍后存取。该记录的标记文本及该元数据可用以重新建立在该客户端浏览器内发生的精确显示，且因此提供对网页问题判定、测试及开发有用的细节。

Description

用于执行客户端浏览器状态的服务器端记录的方法和系统

技术领域

本发明大体而言涉及关于web服务器及客户端浏览器接口的数据追踪及储存操作。本发明更具体言涉及能够对自客户端浏览器获得的数据进行记录及服务器端存取的操作。 

背景技术

现今的许多用户界面为网站，从而需要使用浏览器来存取接口内容。然而，不同的浏览器可能以不同方式向客户端用户显示相同的内容。举例而言，Microsoft Internet Explorer及Mozilla FireFox各自以不同方式实施XML DOM(文档对象模型)。另外，经由使用诸如JavaScript或AJAX的动态网页技术，用户当前正浏览的内容可能已从服务器提供的其原始状态修改。因此，常常难以精确地判定客户端正进行的操作及向客户端显示内容的方式，因为客户端代码(client code)正在与web服务器不同的系统上执行。这样可使问题判定尤为困难，在试图理解客户端上正发生的错误或其它非预期行为时尤其如此。 

为了在现有系统中提供强健的问题判定解决方案，必须在客户端计算机上实施浏览器端记录以精确地记录用户正查看的内容及进行的操作。这样通常涉及记录用户可能已输入至控制器中的所有值，且追踪脚本(script)对所显示内容作出的任何改变。当前不存在用于有效地记录一时间点处的综合客户端浏览器显示信息且将此信息传送回至服务器或另一第三方以用于分析的系统。 

发明内容

本发明的一方面包括能够实现对客户端浏览器状态的服务器端记录的 增强操作。在一实施例中，通过遍历且记录DOM(文档对象模型)的内容，可将客户端用户存取的网页的完整当前状态写入至字符串。这包括键入至输入接口工具集(widget)中的任何数据，及由脚本对该网页作出的任何修改。可接着将含有表示该网页的状态的数据的这个字符串传递至该服务器，且使用标准记录方法进行记录。因此，可解析和分析该记录信息以重新建立该客户端浏览器在记录时所存在的状态。 

使用本发明揭示的记录操作使得内容提供者能够精确地知晓在任何给定时间点处用户正进行的操作，及正向该用户显示的内容。因此，所揭示的记录操作能够执行以下操作：对内容产生脚本代码进行除错；识别特定浏览器或浏览器版本中发生的呈现问题；如果某一未经验证的输入导致非预期行为，确定输入至网页中的值；识别“高速缓存”问题，诸如客户端脚本文件过时且需要刷新(或以禁止高速缓存的内容服务)的情况；及总体审计正呈现给该用户的内容。另外，本发明揭示的实施例使得疑难排解员及支持人员能够精确地重新建立该用户所处的情形，而无需存取web服务器或其数据库。 

在一实施例中，在从web服务器接收到网页内容之后，对于在客户端计算机系统上操作的浏览器执行用于执行对客户端浏览器状态的服务器端记录的操作。在此网页内容显示于该浏览器中之后，捕获在该浏览器内所显示的该网页的状态。 

在捕获之后，将该浏览器的操作环境编制为一字符串。另外，通过遍历该网页的每一DOM元素且将每一DOM元素及其相关联的数据编制为字符串来产生表示该网页的捕获状态的每一DOM元素的字符串。在另一实施例中，在该浏览器内所显示的该网页的该状态包括由用户提供至输入字段中的输入值。 

接着将元数据(metadata)及DOM字符串数据发送至该web服务器。在另一实施例中，在HTTP请求内发送这个字符串。一旦该web服务器已接收到该字符串，则其可接着在必要时处理，诸如，将该元数据及DOM信息记录至可由该web服务器存取的数据储存器中。 

在其它实施例中，在不同时间或响应于特定事件而捕获该网页的该状态。举例而言，网页捕获可在以下情况下发生：在网页内容显示于浏览器中之后立即地；响应于由客户端浏览器对脚本的执行；响应于从用户接收到应记录网页的状态的信号(诸如，经由按钮或菜单驱动命令(由该用户发起))；或替代地来自在该网页内执行的判定何时捕获网页的状态的脚本。 

附图说明

仅通过示例，参照附图，现在描述本发明的实施例，其中： 

图1说明先前技术中所存在的实例web客户端/服务器架构； 

图2说明根据本发明的一实施例的实施客户端浏览器状态的记录的实例web客户端/服务器架构；及 

图3说明根据本发明的一实施例的用于执行客户端浏览器状态的服务器端记录的实例方法的流程图。 

具体实施方式

本发明的一方面涉及客户端浏览器状态的记录，及将此记录的浏览器状态数据传输至web服务器以用于分析及使用以达成问题判定、支持及测试目的。在一实施例中，将该客户端浏览器状态捕获为一字符串，其包含元数据及HTML。捕获于记录的数据内的HTML表示“执行时间(run-time)”，其为网页的动态产生的HTML而非初始服务于客户端的“源”HTML。元数据可包括诸如浏览器名称、浏览器版本、窗口大小及操作系统的数据。在将客户端浏览器状态及元数据捕获为一字符串之后，将此字符串传输至web服务器和/或第三方位置。 

通过使用所捕获的浏览器状态信息，支持小组可精确地再现在浏览器状态被记录的时刻用户所经历的用户接口状态。举例而言，这可包括网页输入字段的用户键入的值，或在浏览器内动态地改变的内容显示状态。记录操作可由用户命令手动地触发(诸如，通过“记录浏览器状态”按钮)， 或可以以定义于脚本中的预定时间间隔而触发。在另一实施例中，在客户端浏览器状态的捕获期间，可施加条件以防止对客户端网页上的敏感数据(诸如，用户键入的密码字段)的记录。 

先前技术中的标准记录实践不能容易地记录客户端及其浏览器的综合状态，在试图监视以不同方式呈现给众多类型的浏览器及浏览器平台的网页的显示时尤其如此。本发明的优点之一为，可针对服务器端状态数据及客户端状态数据两者来部署和/或协调记录及问题判定。此外，本发明的实施例允许捕获精确呈现的HTML，而不管内容是在服务器端产生还是在客户端产生。 

另外，在本发明的一实施例中，管理者能够分析用户已键入至网页的输入接口工具集(widget)中的数据的记录，即使此数据尚未提交给服务器。不同于使用屏幕捕获的现有系统，此实施例不储存像素数据。相反，将标记储存为文本，其节省空间且更有助于检查。可以想象，甚至可针对所执行的每一用户动作而捕获标记“屏幕截图”。因为脚本系统可被配置为以规则时间间隔保存网页的状态，所以这样将能够使用客户端的“类似视频(Video-like)”播放，与节省实际视频数据相比，其显著减小了开销。 

通过在网页呈现于客户端上时捕获显示，本发明的各种实施例可在利用基本Web浏览活动的多种客户端平台上执行。除了在电话、行动器件及携带型电子计算器件上操作的其它浏览器之外，这还包括在桌上型计算机上操作的常用浏览器。因此，无论客户端浏览器为Firefox、Internet Explorer、Safari、Google Chrome等中的哪一个，可同样地执行数据的记录及从客户端收集数据。 

如通过图1中的先前技术中存在的实例web服务器架构所述，动态web应用通常如下而结构化。当浏览器110的URL指向服务器120时，其形成初始请求130，服务器120在请求处理例程121中处理该初始请求130。从web服务器的应用逻辑122及响应产生器123产生的服务器的回应131构成网页的初始加载。该响应通常采用提供HTML网页供显示113的形式，但理论上该响应可提供由文档对象模型(DOM)表示的任何类型的 文件。 

一旦加载网页，则浏览器110开始执行与该网页相关联的任何脚本111。这些脚本可执行许多任务，诸如，动画显示网页的内容、监视且响应用户输入，或向服务器额外请求更多数据。在后种情况下，脚本可形成发送至服务器的请求，该请求经处理，且经由回调函数(callback function)将动态响应132直接发送回至网页的脚本。 

这些动作中的任一个可导致脚本111更新DOM 112。另外，用户输入114也修改该DOM。因此，通过典型的客户端/web服务器配置，不存在明显的方式来使服务器知晓在给定时间所呈现的网页的精确状态。在服务器端上可容易地捕获于记录数据储存器140中的唯一数据将为经由服务器120所传达的数据请求或响应。 

图2说明根据本发明的一实施例的实施客户端浏览器状态的服务器端记录的类似web客户端/服务器架构。以下操作提供捕获客户端数据且将该客户端数据传输至服务器以供记录于服务器端上的方法的一实例。 

首先，于客户端浏览器110内开始记录操作，以捕获所显示的网页DOM。可以以许多方式开始该记录操作，诸如，通过使浏览器使用应记录显示状态的信号。可(例如)通过点击浏览器110内的按钮来执行此信号。或者，可基于预定时间间隔或谓词(predicate)通过在网页内执行的脚本111来触发该记录，该脚本111判定应记录网页的状态。 

另外，作为捕获客户端浏览器的状态的部分，脚本系统111还判定与网页的显示相关的元信息，诸如当前浏览器版本、屏幕分辨率、操作系统版本及其类似者。此元数据信息经捕获且以一字符串表示。 

接下来，脚本系统111访问网页的每一DOM元素。对于DOM 112内的每一元素，将HTML写入至表示该元素的一字符串。举例而言，若在DOM内遇到表元素，则写入<table>标签。还将每一元素中含有的数据写入至该字符串。在其它实施例中，若认为元素为“敏感的”(诸如，密码字段)，则将不读取该字段以防止记录敏感数据。如操作201中所展示，接着经由一请求将含有元数据信息与浏览器DOM HTML的组合的字符串发 送至服务器，该请求指示浏览器状态保存。 

在操作203中，在于服务器处的请求处理例程121内处理该请求之后，元数据记录函数202内的逻辑进一步处理保存有客户端状态的元数据及HTML，以供储存于记录数据储存器140内。随后，可存取服务器的记录数据储存器140的任何用户可开启所保存的数据，且通过使用元数据内指示的浏览器版本，该用户可精确地浏览在状态保存时用户正浏览的内容。 

本领域技术人员将认识到，在本发明的范围内的浏览器状态记录及数据收集技术可在许多服务器端环境内实现，诸如，图2中描绘的简单web服务器，或可与先进数据储存、提取及分析技术的大型组合加以组合。特定而言，可实现记录操作以产生储存于所管理的储存环境内的数据，该储存环境诸如储存局域网络(SAN)、网络附加储存(NAS)器件、备份设施及设备及其它储存资源。 

另外，可在自动化测试环境、管理器或其它虚拟环境的操作中选择、启动、重新建立及利用从客户端浏览器收集的数据。举例而言，可在远程虚拟机客户端内提取并重新建构该记录，以在虚拟设置内提供对客户端的浏览器经历的实际模拟。 

接着为两个非限制性实例，其示范额外的应用及对先前描述的记录操作的使用。作为第一实例，可在服务来自web服务器的PHP或JSP网页之后立即执行浏览器状态记录操作。这将允许对客户端接收的服务器产生HTML的精确分析，且使得能够验证服务器端逻辑及脚本正以指定方式操作。 

作为第二实例，可在已触发JavaScript事件或已执行某一特定JavaScript程序代码之后执行浏览器状态记录操作。在事件发生之后触发记录操作的原因是为了获得当前选定的无线电按钮的准确快照，形成值，及其类似者。在网页输入中的任一个正引起错误或非预期行为的情况下，这将辅助故障排除。 

图3说明根据本发明的一实施例的用于执行经由标记语言的客户端浏览器状态的服务器端记录的实例操作的流程图。首先，如步骤301中，开 始记录操作。该记录操作可由用户手动地开始、可以在某一确定时间周期自动地开始，或响应于诸如脚本中的预定逻辑的执行而开始。 

接下来，如在步骤302中，脚本系统判定关于网页及客户端显示环境的相关元数据信息，诸如，当前浏览器、屏幕分辨率及操作系统。编制此信息，且以文本格式储存。 

接下来，如在步骤303中，脚本系统遍历所显示网页的每一DOM元素。如在步骤304中，对于每一DOM元素，将HTML编制为表示该元素及其数据的字符串。举例而言，若遇到表元素，则写入<table>标签，且将含有该元素的文本或任何其它数据写入至该字符串。也可定义规则以排除来自诸如密码字段的元素的数据收集。 

如在步骤305中，经由HTTP请求将表示浏览器状态的字符串(其含有客户端显示环境元数据信息)及经编制的字符串(其含有HTML形式的网页DOM的表示)传输至服务器。如在步骤306中，服务器经由针对数据而配置的任何储存方法来将保存有状态的元数据及HTML字符串记录至其经配置的数据储存器(data store)中。 

最后，如在步骤307中，可存取该元数据及HTML字符串以用于进一步分析。举例而言，可部署由元数据指示的浏览器以精确地浏览在状态保存时用户正浏览的内容。可执行适当的分析、测试和/或发展变化以补救非预期或无意的网页行为。 

如本领域技术人员将了解，本发明可体现为一系统、方法或计算机程序产品。相应地，本发明可采用完全硬件实施例、完全软件实施例(包括固体、常驻软件、微码等)或组合软件与硬体方面的实施例的形式，这些实施例在本文中都可通称为“电路”、“模块”或“系统”。此外，本发明可采用体现于任何有形表现媒体中的计算机程序产品的形式，该有形表现媒体具有体现于该媒体中的计算机可用程序代码。 

可利用一个或多个计算机可用或计算机可读媒体的任何组合。举例而言，计算机可用或计算机可读媒体可为(但不限于)电子、磁性、光学、电磁、红外线或半导体系统、装置、器件或传播媒体。计算机可读媒体的更 特定实例(非穷尽列表)将包括以下各项：具有一个或多个导线的电连接件、携带型计算机盘片、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或闪存)、光纤、携带型紧密光盘只读存储器(CDROM)、光学储存器件、传输媒体(诸如，支持因特网或内部网络的传输媒体)，或磁性储存器件。应注意，计算机可用或计算机可读媒体甚至可为程序被印刷于上面的纸张或另一合适媒体，因为该程序可经由(例如)对纸张或其它媒体的光学扫描来以电子方式捕获，接着经编制、解译或以合适方式另外处理(若必要)，且接着储存于计算机存储器中。在此文件的背景下，计算机可用或计算机可读媒体可为可含有、储存、传达、传播或传送由指令执行系统、装置或器件使用或与之结合而使用的程序的任何媒体。计算机可用媒体可包括在基频中或作为载波的部分的其中体现有计算机可用程序代码的传播数据信号。可使用任何适当的媒体(包括，但不限于，无线、有线线路、光纤电缆、RF等)来传输计算机可用程序代码。 

可以一种或多种程序设计语言的任何组合撰写用于执行本发明的操作的计算机程序码，该一种或多种编程语言诸如Java、Smalltalk、C++或其类似者的面向对象程序设计语言及诸如“C”程序设计语言的公知编程程序设计语言，或类似编程语言。程序代码可完全在用户的计算机上执行、部分地在用户的计算机上执行、作为独立软件包执行，部分地在用户的计算机上执行且部分地在远程计算机上执行，或完全在远程计算机或服务器上执行。在后一种情形中，远程计算机可经由任何类型的网络(包括局域网络(LAN)或广域网络(WAN))连接至用户的计算机，或可(例如，使用因特网服务提供者，经由因特网)连接至外部计算机。 

虽然上文已通过某种程度的特殊性来描述本发明的各种代表性实施例，但本领域技术人员可在不脱离在本说明书及权利要求书中阐述的发明性标的物的精神或范围的情况下对所揭示的实施例进行许多变更。 

Claims (14)

1.一种用于执行客户端浏览器状态的服务器端记录的方法，其包含：

在客户端计算机系统上操作的浏览器内，从web服务器接收网页内容；

将该网页内容显示于该浏览器中；

捕获在该浏览器内所显示的网页的状态；

编制表示该浏览器的操作环境的元数据的字符串；

遍历该网页的所捕获状态的每一文档对象模型(DOM)元素；

编制表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串；

将该元数据及该表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串发送至该web服务器；

将该元数据及该表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串记录于可由该web服务器存取的数据储存器内；以及

在远程虚拟机客户端内提取并重新建构该元数据和该表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串的记录，以在该远程虚拟机客户端内提供对客户端的浏览器经历的实际模拟。

2.如权利要求1的方法，其中响应于网页内容正显示于该浏览器中而捕获该网页的状态。

3.如权利要求1的方法，其中响应于由该客户端浏览器对脚本的执行而捕获该网页的状态。

4.如权利要求1的方法，其中，响应于从用户接收到应该记录该网页的状态的信号，捕获该网页的状态。

5.如权利要求1-4中任一的方法，其中在该网页内执行的脚本判定何时捕获该网页的状态。

6.如权利要求1-4中任一的方法，其中在该浏览器内所显示的网页的状态包括由用户提供的输入值。

7.如权利要求1-4中任一的方法，其中在HTTP请求内将该元数据及该表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串发送至该web服务器。

8.一种用于执行客户端浏览器状态的服务器端记录的系统，其包含：

用于在客户端计算机系统上操作的浏览器内，从web服务器接收网页内容的装置；

用于将该网页内容显示于该浏览器中的装置；

用于捕获在该浏览器内所显示的网页的状态的装置；

用于编制表示该浏览器的操作环境的元数据的字符串的装置；

用于遍历该网页的所捕获状态的每一文档对象模型(DOM)元素的装置；

用于编制表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串的装置；

用于将该元数据及该表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串发送至该web服务器的装置；

用于将该元数据及该表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串记录于可由该web服务器存取的数据储存器内的装置；以及

用于在远程虚拟机客户端内提取并重新建构该元数据和该表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串的记录，以在该远程虚拟机客户端内提供对客户端的浏览器经历的实际模拟的装置。

9.如权利要求8的系统，其中所述系统包含用于响应于网页内容正显示于该浏览器中而捕获该网页的状态的装置。

10.如权利要求8的系统，其中所述系统包含用于响应于由该客户端浏览器对脚本的执行而捕获该网页的状态的装置。

11.如权利要求8的系统，其中所述系统包含用于响应于从用户接收到应该记录该网页的状态的信号，捕获该网页的状态的装置。

12.如权利要求8-11中任一的系统，其中所述系统包含用于在该网页内执行的脚本判定何时捕获该网页的状态的装置。

13.如权利要求8-11中任一的系统，其中所述系统包含用于在该浏览器内所显示的网页的状态包括由用户提供的输入值的装置。

14.如权利要求8-11中任一的系统，其中所述系统包含用于在HTTP请求内将该元数据及该表示该网页的所捕获状态内的每一DOM元素及其相关联的数据的字符串发送至该web服务器的装置。