CN105765487A - 网页浏览器中事件的执行和显示 - Google Patents

Abstract

提供了用于在多个网页浏览器和设备中执行和显示事件的系统和方法。该方法包括：在第一网页浏览器中接收事件，其中，第一网页浏览器被连接至多个网页浏览器；确定所述第一网页浏览器上对应于该事件的元素；并且使用浏览器显示设备的硬件处理器将该元素和该事件传输至多个网页浏览器以由多个网页浏览器中的每个网页浏览器执行。该方法还包括接收事件在多个网页浏览器上的执行、并且在对应于多个网页浏览器的各个网页浏览器的多个显示器上显示事件在多个网页浏览器上的执行。

Description

网页浏览器中事件的执行和显示

交叉引用

本申请要求申请日为2013年6月27日的美国专利申请No.13/928,753的优先权，其所有公开内容通过引用合并于此。

技术领域

本申请通常涉及显示在多个网页浏览器和设备中接收到的事件，并且更具体地，涉及确定一个浏览器上的元素和事件并且在多个其它网页浏览器和/或设备的元素上执行这些事件。

背景技术

在多个浏览器中和/或在多个设备平台上测试产品(例如，网页和因特网插件)可能是耗事件以及困难的。因此，一些样本不能在或不在所有设备和浏览器平台上进行测试。此外，许多漏洞要求开发者安装特定版本的浏览器。这就需要删除当前版本的浏览器，因为限制条件不允许两个版本的浏览器在同一设备上共存，并且因此浏览器仿真迄今都失败了。因此，很难充分的测试响应式网页设计，除非反复切换设备和浏览器。

附图说明

图1是含有第一浏览器窗口以及发生在第二浏览器窗口和第一设备窗口的事件的示例性显示的框图；

图2A是在主控指定浏览器中采取的并且在多个浏览器和设备窗口中重复的示例性动作的屏幕截图；

图2B示出在非主控指定窗口中采取的而不在多个浏览器和设备窗口中重复的动作；

图3A是在主控窗口执行之前示例性URL导航的屏幕截图；

图3B是在多个浏览器和设备窗口中重复的图3A的主控浏览器窗口中的URL导航的屏幕截图；

图4是在主控浏览器中采用的和在多个浏览器和设备窗口中重复的示例性网址搜索的屏幕截图；

图5是示出由设备在多个网页浏览器和设备中显示事件的示例性处理的流程图；以及

图6根据一个实施例适用于实施图1中的一个或多个组件的计算机系统的框图。

通过参考下文的详细描述，本公开的实施例和它们的优势被更好的理解。应该理解的是在一个或多个附图中同样的标号被用于标识相同的元素，其中，这里的图示是为了示出本公开的实施例，而不是为了限制本公开的实施例。

具体实施方式

在各种实施例中，第一网页浏览器被用户利用，其中第一网页浏览器接收输入和事件，例如，鼠标-悬停、选择和输入提交。脚本可以被建立来在第一网页浏览器中监听和接收这些事件的步骤。脚本还实时地将第一浏览器连接至其它网页浏览器和设备，例如，利用网页套接字(Websocket)。无论事件何时在第一浏览器中发生，脚本监听事件并且捕获事件作用于的具体元素。然后，利用Websocket，事件被传输至每个其它浏览器和设备以重复相同的步骤。然后在其它浏览器和设备中产生的事件被显示给用户，从而用户可以测试、处理、和/或查看多个平台上的交互。

在某些实施例中，主浏览器窗口被打开，用户在此主浏览器窗口中执行动作(例如，在网页的搜索框中输入搜索项、利用网页浏览器的导航条导航至URL、或者选择按钮或链接)。作为响应，脚本可以确定与该事件对应的具体元素，例如，文档对象模型(DOM)元素。事件作用于的元素可以利用唯一标识、级联样式表(CSS)类名、和/或XML路径语言(X路径)被捕获。事件和DOM元素唯一标识、CSS类名、和/或X路径可以利用Websocket被传输至实施网页浏览器的多个其它网页浏览器和/或其它设备，以便使这些网页浏览器和/或设备重复相同的指令。例如，事件和元素可以被传输至MICROSOFTINTERNETGOOGLE和/或MOZILLA浏览器，它们由相同的设备或独立的设备(例如，APPLE)运行。然后每个结果可以在不同的网页浏览器和/或设备上被显示给用户。

图1是含有第一浏览器窗口以及发生在第二浏览器窗口和第一设备窗口的事件的示例性显示的框图。如图所示，设备100可以包括或实施操作来执行根据所述实施例的各种方法论的一个或多个设备、服务器、和/或软件组件。示例性设备和服务器可以包括操作OS(例如，OS、OS、OS)的设备、独立和企业级服务器或其它基于OS的设备和/或服务器。应该理解的是图1示出的设备和/或服务器可以以其它方式被部署，并且针对给定实施例，此类设备和/或服务器执行的操作和/或提供的服务可以被组合或分开并且可以由更多或更少数量的设备和/或服务器执行。一个或多个设备和/或服务器可以由相同或不同的实体操作和/或维护。

图1是被配置为根据本文提供的实施例控制处理的网络设备100的框图。设备100包括第一浏览器窗口110、第二浏览器窗口120、以及第一设备窗口130。第一浏览器窗口110作为用户在其中执行一些动作(例如，在栏位114中输入文本、或者通过点击或与元素内容118交互来操纵网页元素116)的第一浏览器被示出。此外，第一浏览器窗口包括同步按钮112。类似地，第二浏览器窗口120具有同步按钮122、栏位124、和具有元素内容128的网页元素126，而第一设备窗口130具有同步按钮132、栏位134、和具有元素内容138的网页元素136。需要注意的是设备100上的内容可以在与本文所述的设备100相同或相似的其它用户设备(未示出)上进行显示。

设备100包括一个或多个处理器、存储器、和其它适当的组件来执行指令(例如，存储在一个或多个计算机可读介质上的程序代码和/或数据)以实施本文所述的各种应用、数据和步骤。例如，这样的指令可以被存储在一个或多个计算机可读介质(例如，系统环境100的各种组件的内部和/或外部的、和/或可通过网络130接入的存储器或数据存储设备)中。

网络150可以被实施为单个网络或多个网络的组合。例如，在各种实施例中，网络150可以包括互联网或一个或多个内联网、固话网络、无线网络、和/或其它适当类型的网络。因此，网络150可以对应于可由设备100的各种组件接入的小型通信网络(例如，私人或局域网络)或大型网络(例如，广域网络或互联网)。

图1的第一浏览器窗口110可以包括显示一些内容(例如，网页)的浏览器窗口(例如，网页浏览器)。然而，在其它实施例中，第一浏览器窗口110可以显示图形用户界面，该图形用户界面与利用第二浏览器窗口120和第一设备窗口130的网页浏览器和/或设备检测网页元素和事件并且在预定网页执行它们的处理或程序相对应。通常，第一浏览器窗口110可以由提供网页浏览器服务和/或网站服务的任意实体维护。就此而言，第一浏览器窗口110可以包括用于在网络150上访问网页以及相关的内容的网页浏览器。在某些实施例中，第一网页浏览器110可以对应于，例如，MICROSOFTINTERNETGOOGLEMOZILLA

同步按钮112可以对应于使得本公开的处理实施下文公开的方法的应用接口按钮。例如，同步按钮可以启动运行本公开的实施例的脚本以确定将当前选定的浏览器窗口作为同步窗口。因此，当用户输入文本、操纵对象、选择链接、或在第一浏览器窗口110的相应元素上执行其它动作时，事件可以被记录并且相应的DOM元素被确定。然后，通过同步按钮112的另一选择或自动地，事件和相应的DOM元素可以被传输至其它浏览器和/或设备窗口以供类似地执行步骤。

在各种实施例中，第一浏览器窗口110包含栏位114。栏位114通常可以对应于网页浏览器或网页上用于输入信息的栏位，例如，导航条、搜索框、用户账户登录框、可选菜单、或其它数据栏位。栏位114可以包括发生在输入信息时或输入信息之后的一些事件，例如，网页搜索、导航至其它页面、额外菜单选择、或其它事件。基于同步按钮112，栏位114中的动作可以在其它被连接的浏览器和设备上可见。例如，如果利用同步按钮112选择第一浏览器窗口110作为主控浏览器窗口来传输事件和相应的DOM元素，那么当用户输入文本、选择菜单、或在其它方面与栏位114交互时，事件和栏位114被记录并且传输至其它浏览器和设备窗口以在与栏位114对应的DOM(例如，栏位124和/或栏位134)上执行事件的步骤。

此外，在某些实施例中，第一浏览器窗口110包括具有元素内容118的网页元素116。网页元素116可以对应于具有元素内容118(例如，视频、游戏、或其它交互式内容)的交互式网页元素。当用户与网页元素116交互时例如，当用户选择或将鼠标光标放置在元素内容118上时，事件可能发生。在各种实施例中，网页元素116可以涉及互动式游戏、播放视频、开始录音、或执行其它事件。当用户参与网页元素116中的一些动作时，事件和网页元素116可以被传输至其它浏览器和设备窗口以在与网页元素116对应的DOM元素(例如，网页元素126和/或网页元素136)上执行事件的步骤。

在其它实施例中，第一浏览器窗口110通常还可以对应于执行应用的设备窗口，例如，设备和/或与设备独立的操作系统和/或设备100的操作系统执行网页浏览器。在这样的实施例中，第一浏览器窗口110可以被用于输入文本、执行动作、或以其他方式操纵设备窗口的应用，以便将这些动作和相应元素传输至其它浏览器和/或设备窗口用于类似的执行这些步骤。因此，其它设备或浏览器窗口可以显示在其它设备平台和/或浏览器窗口的应用上的这些动作和元素。

在设备110上，第一浏览器窗口110被显示在第二浏览器窗口120的旁边。此外，如图1中的箭头所示，第二浏览器窗口120在栏位124和网页元素126中包括与第一浏览器窗口110在栏位114和网页元素116中的内容类似的内容。如下文详细讨论的，第二浏览器窗口120可以被配置为在相应的元素上执行和显示与在第一浏览器窗口110上执行的那些事件相同的事件。

图1的第二浏览器窗口120可以包括显示一些内容(例如，网页)的浏览器窗口(例如，网页浏览器)。然而，在其它实施例中，第二浏览器窗口120可以显示图形用户界面，该图形用户界面与利用第一浏览器窗口110和第一设备窗口130的网页浏览器和/或设备检测网页元素和事件、在预定页面上执行它们的处理或程序相对应。通常，第二浏览器窗口120可以由提供网页浏览器服务和/或网站服务的任意实体维护。就此而言，第二浏览器窗口120可以包括用于在网络150上访问网页以及相关的内容的网页浏览器。在某些实施例中，第二浏览器窗口120可以对应于，例如，MICROSOFTINTERNETGOOGLE或MOZILLA

同步按钮122可以对应于使得本公开的处理实施下文公开的方法的应用接口按钮。例如，同步按钮可以启动运行本公开的实施例的脚本以确定将当前选定的浏览器窗口作为同步窗口。因此，当用户输入文本、操纵对象、选择链接、或在第二浏览器窗口120的相应元素上执行其它动作时，事件可以被记录并且相应的DOM元素被确定。然后，通过同步按钮122的另一选择或自动地，事件和相应的DOM元素可以被传输至其它浏览器和/或其它设备上的设备窗口和/或显示器以供类似地执行这些步骤。

然而，在其它实施例中，其中第一浏览器窗口110被设置为主控窗口以记录事件和相应的元素并且将事件和DOM元素传输至第二浏览器窗口120，同步按钮122可以被选择从而使第二浏览器窗口120利用，例如，Websocket来监听并且接收事件和DOM元素。因此，当同步按钮122被设置为监听第一浏览器窗口110时，第二浏览器窗口120可以接收作为事件的一组指令以及要作用的相应的DOM元素，并且在第二浏览器窗口120中执行来自第一浏览器窗口110的步骤。

在各种实施例中，第二浏览器窗口120包含栏位124。栏位124通常可以对应于网页浏览器或网页上用于输入信息的栏位，例如，导航条、搜索框、用户账户登录框、可选菜单、或其它数据栏位。网页栏位可以包括发生在输入信息时或输入信息之后的一些事件，例如，网页搜索、导航至其它页面、额外菜单选择、或其它事件。基于同步按钮122，栏位124中的动作可以在其它被连接的浏览器和设备上可见。例如，如果利用同步按钮122选择第二浏览器窗口120作为主控浏览器窗口来传输事件和相应的DOM元素，那么当用户输入文本、选择菜单、或以其他形式与栏位124交互时，事件和栏位124被记录并且传输至其它浏览器和设备窗口以在与栏位124对应的元素(例如，栏位114和/或栏位134)上执行事件的步骤。

在其它实施例中，作用于第一浏览器窗口110的网站栏位114上的事件被传输至第二浏览器窗口120。在这样的实施例中，第二浏览器窗口120可以在网站栏位124上执行事件的步骤并且为用户显示结果以在第二浏览器120的浏览器平台上查看。在某些实施例中，第一浏览器窗口110和第二浏览器窗口120可以利用例如Websocket进行连接。Websocket使浏览器之间的能够进行双向通信。当同步按钮112和同步按钮122被设置为接收第一浏览器窗口110中的动作并且在第二浏览器中重复它们时，事件可以在第一浏览器110中被捕获。事件要作用的DOM元素可以被确定并且被传输至第二浏览器120以在相应DOM元素上执行事件的步骤。

此外，在某些实施例中，第二浏览器窗口120包括具有元素内容128的网页元素126。网页元素126可以对应于具有网络内容128(例如，视频、游戏、或其它交互式内容)的交互式网页元素。当用户与网页元素126交互时，例如，如果用户选择或者将鼠标光标放置在元素内容128上，事件可以发生。在各种实施例中，网页内容126可以涉及互动游戏、播放视频、开始录音、或执行其它事件。当用户参与网页元素126中的一些动作时，事件和网页元素126可以被传输至其它浏览器和设备窗口以在与网页元素126对应的网页元素(例如，网页元素116和/或网页元素136)上执行事件的步骤。

然而，在其它实施例中，作用于第一浏览器窗口110的网页元素116上的事件(例如，与网页内容118交互)被传输至第二浏览器窗口120。在这样的实施例中，第二浏览器窗口120可以在网页元素126上执行事件的步骤并且为用户显示结果以在第二浏览器窗口120的浏览器平台上查看。例如，如之前所讨论的，第一浏览器窗口110和第二浏览器窗口120可以利用例如Websocket进行连接，其中第二浏览器窗口120从第一浏览器窗口接收事件和DOM元素以在第二浏览器窗口120中执行。

在设备110上，第一浏览器窗口110和第二浏览器窗口被显示在第一设备窗口130的旁边。此外，如图1中的箭头所示，第一设备窗口130在栏位124和网页元素126中包含与第一浏览器窗口110在栏位114和网页元素116中以及第二浏览器窗口120在栏位124和网页元素126中的内容相同的内容。如下文所讨论的，第一设备窗口130可以被配置为在相应DOM元素上执行和显示与在第一浏览器窗口110和/或第二浏览器窗口120中执行的事件相同的事件。

图1的第一设备窗口130可以包括利用设备应用(例如，通过设备网页浏览器的网页)显示一些内容的设备窗口(例如，用户设备的显示器)。通常，第一设备窗口130可以被显示为执行应用的用户设备。就此而言，第一设备窗口130可以包括运行设备网页浏览器以在网络150上访问网页和相关内容的移动设备。然而，在其它实施例中，第一设备窗口130可以显示图形用户界面，该图形用户界面与利用第一浏览器窗口110和第二浏览器窗口120的网页浏览器和/或设备检测网页元素和事件、在预定页面上执行它们的处理或程序相对应。在某些实施例中，第一设备窗口130可以对应于，例如，在APPLE上执行的APPLE或者在GOOGLE平台上的Opera。因此，第一设备窗口130可以显示独立于第一浏览器窗口110和/或第二浏览器窗口120的操作系统，该操作系统运行与第一浏览器窗口110和/或第二浏览器窗口120相同或不同的网页浏览器。

同步按钮132可以对应于使得本公开的处理实施下文公开的方法的应用接口按钮。例如，同步按钮可以启动运行本公开的实施例的脚本以确定将当前选定的浏览器窗口作为同步窗口。因此，当用户输入本文、操纵对象、选择链接、或在第一设备窗口130中执行相应事件的其它动作时，事件可以被记录并且DOM元素被确定。然后，通过同步按钮132的另一选择或者自动地，事件和DOM元素可以被传输至其它浏览器和/或其它设备上的设备窗口和/或显示器以供类似地执行步骤。

然而，在其它实施例中，其中第一浏览器窗口110被设置为主控窗口以记录事件和相应的元素并且将事件和DOM元素传输至第一设备窗口130，同步按钮132可以被选择从而使第一设备窗口130监听并且接收事件和DOM元素，例如，利用Websocket。因此，当同步按钮132被设为监听第一浏览器窗口110时，第一设备窗口130可以接收作为事件的一组指令和要作用的相应DOM元素并且在第一设备窗口130上执行来自第一浏览器窗口110的步骤。

在各种实施例中，第一设备窗口130包含栏位134。栏位134通常可以相当于网页浏览器或网页上用于输入信息的栏位，例如，导航条、搜索框、用户账户登录框、可选菜单、或其它数据栏位。网页栏位可以包括发生在输入信息时或输入信息之后的一些事件，例如，网页搜索、导航至其它页面、额外菜单选择、或其它事件。基于同步按钮132，栏位134中的动作可以在的其它被连接的浏览器和设备上可见。例如，如果利用同步按钮132将第一设备窗口130选作主控浏览器窗口来传输事件和相应的DOM元素，那么当用户输入文本、选择菜单、或以其它方式与栏位134交互时，事件和栏位134被记录并且被传输至其它浏览器和设备窗口以在与栏位134对应的网页元素(例如，栏位114和/或栏位124)上执行事件的步骤。

在其它实施例中，作用于第一浏览器窗口110的栏位114上的事件被传输至第一设备窗口130。在这样的实施例中，第一设备窗口130可以执行在栏位134上的事件的步骤并且为用户显示结果以在第一设备窗口130的浏览器平台上查看。在某些实施例中，第一浏览器窗口110和第一设备窗口130可以利用例如Websocket进行连接。Websocket使浏览器和设备应用(例如，设备浏览器)之间能够双向通信。当同步按钮112和同步按钮132被设置为接收第一浏览器窗口110中的动作并且在第一设备窗口130中重复它们时，事件可以在第一浏览器110中被捕获。网页事件要作用的DOM元素可以被确定并且被传输至第一设备窗口130以供在相应元素上执行网页事件的步骤。

此外，在某些实施例中，第一设备窗口130包括具有元素内容138的网页元素136。网页元素136可以对应于具有元素内容138(例如，视频、游戏、或其它交互式内容)的交互式网页元素。当用户与网页元素136交互时，例如，如果用户选择或者将鼠标光标放置在元素内容138上，事件可以发生。在各种实施例中，网页内容138可以涉及互动游戏、播放视频、开始录音、或执行其它事件。当用户参与网页元素136中的一些动作时，事件和网页元素136可以被传输至其它浏览器和设备窗口以在与网页元素136对应的网页元素(例如，网页元素116和/或网页元素126)上执行事件的步骤。

然而，在其它实施例中，作用于第一浏览器窗口110的网页元素116上的事件(例如，与网页内容118交互)被传输至第一设备窗口130。在这样的实施例中，第一设备窗口130可以在网页元素136上执行事件的步骤并且为用户显示结果以在第一设备窗口130的浏览器平台上查看。例如，如之前所讨论的，第一浏览器窗口110和第一设备窗口130可以利用例如Websocket进行连接，其中第一设备窗口130从第一浏览器窗口接收事件和DOM元素以在第一设备窗口130中执行。

在各种实施例中，设备100包括适用于与包括其它设备和服务器的网络150进行通信以执行公开的处理的至少一个网络接口组件(NIC)102。在各种实施例中，网络接口组件102可以包括DSL(例如，数字用户线路)调制解调器、PSTN(公用交换电话网)调制解调器、以太网设备、宽带设备、卫星设备、和/或包括微波、射频(RF)和红外(IR)通信设备的各种其它类型的有线和/或无线网络通信设备。

图2A是主控浏览器中被采用的和在多个浏览器和设备窗口中被重复的示例性动作的屏幕截图。图2A显示具有第一浏览器窗口210、第二浏览器窗口220、第一设备窗口230和第三浏览器窗口240的设备200。每个窗口被分别示出具有同步按钮212、222、232和242。此外，第一浏览器窗口210被示出具有与网页元素216交互的用户动作260a，以使得在第一浏览器窗口210显示网页内容218并且在第二浏览器窗口220、第一设备窗口230和第三浏览器窗口240中分别显示网页内容228、238和248。

在图2A中，第一浏览器窗口210、第二浏览器窗口220、第一设备窗口230、第三浏览器窗口240中的每个分别具有相应的同步按钮212、222、232和242。如图2A所示，同步按钮212被设置成与同步按钮222、232、242不同的图标以便向设备200的用户表示第一浏览器窗口210被设为主控浏览器窗口以接收网页元素上的网页事件、并且将网页事件的步骤和与网页元素对应的DOM元素传输至第二浏览器窗口220、第一设备窗口230、和第三浏览器窗口240。

图2A示出用户已执行对应于选择网页元素的用户动作260a的示例。在图2A中示出为网页元素216上的光标的用户动作260可以对应于网页事件，例如，通过点击、鼠标悬停、或其它选择动作来选择网页元素216。因此，用户动作260a可以对应于由用户发起的可接收的网页事件。在图2A中，网页元素216的选择引起网页内容218的显示。

根据图2A，一旦对应于用户动作260a的事件被接收，那么脚本监听记录在网页元素216上作用的事件并且确定DOM元素。脚本可以使用唯一标识、CSS类名、和/或X路径来确定事件作用的网页特定DOM元素。然后DOM元素ID、CSS类名、和/或X路径随着事件的步骤被传输至第二浏览器窗口220、第一设备窗口230、和/或第三设备窗口240。如图2A所示，这引起网页内容228、238和248的显示。

图2B示出在非主控指定窗口中采取的动作，该动作不在多个浏览器和设备窗口中重复。图2B示出具有第一浏览器窗口210、第二浏览器窗口220、第一设备窗口230、和第三浏览器窗口240的设备200。每个窗口被分别示出具有同步按钮212、222、232和242。此外，第二浏览器窗口220被示出具有与网页元素226交互的用户动作260b以引起在第二浏览器窗口220中显示网页内容228。然而，图2B不会引起在第一浏览器窗口210、第一设备窗口230和第三浏览器窗口240中显示网页内容。

在图2B中，第二浏览器窗口220的同步按钮222没有被选择为指定第二浏览器窗口220作为主控窗口。如相比于图2A，可以看出，同步按钮212保持相同，并且被指定为主控窗口，同时同步按钮222显示作为响应窗口的第二浏览器窗口220。因此，当用户在网页元素226上发起用户动作260b时，网页内容228被显示。然而，相应的DOM元素和网页事件不被传输至第一浏览器窗口210、第一设备窗口230、和第三浏览器窗口240。

图3A是主控窗口中执行之前的示例性URL导航的屏幕截图。图3A所示是具有第一浏览器窗口310、第二浏览器窗口320、第一设备窗口330、和第三浏览器窗口340的设备300。每个窗口分别被示出具有同步按钮312、322、332和342。此外，第一浏览器窗口310被示出具有栏位314a和314b，第二浏览器窗口320具有栏位324a和324b，第一设备窗口330具有栏位334a和334b，并且第三浏览器窗口340具有栏位344a和344b。用户动作360被示出作用于第一显示窗口310的栏位314a。

图3A示出在多个独立浏览器和/或设备中的网页元素上执行网页事件期间与图2A相似的设置。第一设备窗口310被示出具有指定第一设备窗口310为主控窗口的同步按钮312。栏位314a、324a、334a和344a、和栏位314b、324b、334b和344b对应于浏览器和/或网页栏位，例如，在图3A中分别对应于导航条栏位和搜索栏位。

在图3A中，用户在第一浏览器窗口310的栏位314a中输入对应于网站的URL的一些本文。从而用户希望利用第一浏览器窗口310打开被输入栏位314a中的URL。此外，当第一浏览器窗口310被指定为主控浏览器窗口时，利用与关于图2A/2B所述相似的处理，被输入在栏位314a中的文本在栏位324b、334b和334b中被重复。例如，脚本可以确定栏位314a中的用户键入是对应于用户输入文本的事件，并且将网页事件和与栏位314a对应的DOM元素传输至第二浏览器窗口320、第一设备窗口330、和第三设备窗口340。从而第二浏览器窗口320、第一设备窗口330、和第三设备窗口340可以分别在栏位324a、栏位334a和栏位344a中输入相同的文本。

在用户将文本输入栏位314a、324a、334a和344a后，用户可以发起用户动作360，此处示出为选择对应于栏位314a的打开按钮。当用户在用户动作360中选择打开按钮后，事件可以由脚本接收到并且对应于打开按钮的DOM元素可以被确定。一旦网页事件和元素被脚本所知，那么它们可以被传递至第二浏览器窗口320、第一设备窗口330和第三设备窗口340。

用户还在栏位314b中输入了文本，该文本利用上述处理被拷贝至324b、334b和334b。然而，如图3A所示，用户选择打开被输入栏位314a中的URL，并且因此不利用输入栏位314b中的搜索项进行搜索。

图3B是图3A的主控浏览器窗口中的URL导航在多个浏览器和设备窗口中重复的屏幕截图。第一浏览器窗口310、第二浏览器窗口320、第一设备窗口330和第三浏览器窗口340全部显示使用在栏位314a、324a、334a和344a中指定的URL所导航的URL。

如图3B中所示，在图3A中的用户动作360被发起后，相应的网页事件和元素被传送到第二浏览器窗口320、第一设备窗口330和第三浏览器窗口340中的每个窗口。作为响应，第二浏览器窗口320、第一设备窗口330和第三浏览器窗口340中的每个在相应元素上执行相同的网页事件。因此，如图3B所示，第二浏览器窗口320、第一设备窗口330和第三浏览器窗口340中的每个被导航至在图3A的栏位314a中指定的、如图3B的栏位314a在网页浏览器的导航条中重复的URL。第二浏览器窗口320、第一设备窗口330和第三浏览器窗口340中的每个浏览器示出相似的元素324a、334和344a。

图4示出在主控浏览器中采取并且在多个浏览器和设备中重复的示例性网址搜索的频幕截图。图4显示第一浏览器窗口410、第二浏览器窗口420、第一设备窗口430和第三浏览器窗口440，这些窗口分别具有搜索栏位414、424、434和444。

如图4所示，对应与搜索词语“TV”的网页事件和DOM元素从第一浏览器窗口410被传输至了第二浏览器窗口420、第一设备窗口430和第三浏览器窗口440。如图4所示，多个浏览器和/或设备窗口中的每个利用由网页指定的搜索引擎搜索了词语“TV”。从而第一浏览器窗口410、第二浏览器窗口420、第一设备窗口430和第三浏览器窗口440中的每个执行搜索并且显示搜索结果。以这样的形式，网站搜素引擎可以在多个浏览器和/或设备上进行测试。

图5是示出由设备在多个网页浏览器和设备中显示事件的示例性处理的流程图。需要注意的是本文描述的一个或多个步骤、处理和方法可以按需求或适当地被省略、以不同的顺序执行或进行组合。

在步骤502处，事件在网页浏览器内被接收到，其中，网页浏览器被连接至多个网页浏览器。该事件可以对应于一些事件，例如，点击、鼠标悬停、提交(即，文本、图像和数据提交)、游戏互动、或其它事件。事件可以包括与网页元素的交互或者可以包括与浏览器元素的交互。事件可以包括当事件发生时由第一网页浏览器执行的一系列步骤。

此外，第一网页浏览器被连接至多个其它网页浏览器。第一网页浏览器可以利用通信信道(例如，Websocket)被连接至多个其它网页浏览器。Websocket(也被称为Websockets)可以被浏览器利用来使能够在单个TCP/IP连接上同步(即，全双工)通信。因此，Websocket使两个网页浏览器能够同步通信并且可以被任意客户设备利用。因此，第一网页浏览器可以在全双工通信中被连接至包括在独立用户/客户设备上操作的网页浏览器的多个其它网页浏览器，从而消息可以在浏览器之间即刻传送。

一旦事件被接收到，对应于该事件的元素在步骤504处被确定。针对特定元素的文档对象模型元素可以被确定，例如，在文档对象模型树中的特定对象。事件作用于的元素可以利用，例如，唯一标识、级联样式表类名和XML路径语言中的一个被捕获。

一旦事件作用于的特定对象被确定，事件和元素可以在步骤506处被传输至多个网页浏览器以在相同设备或不同设备上显示。然后多个网页浏览器可以在相应的元素上执行相同的事件以便获得在每个浏览器平台上对事件的执行。多个浏览器还可以对应于多个设备，例如，设备专用浏览器(例如，APPLE上的APPLE)。此外，显示事件在多个浏览器中的每个的网页上执行的一组窗口或指控窗口面板可以被呈现给用户。这帮助用户查看网页制作和漏洞分析以排除网页制作和漏洞分析的故障。

图6是适用于实施本公开的一个或多个实施例的计算机系统600(例如，图1的示例设备100)的框图。在各种实施例中，用户设备可以包括能够与网络通信的个人计算设备(例如，智能手机、计算平板电脑、个人计算机、笔记本电脑、PDA、蓝牙设备、密匙FOB(keyFOB)、徽章设备(Badge)等)。支付提供商可以利用能够与网络通信的网络计算设备(例如，网络服务器)。应该理解的是用户和支付提供商利用的设备中的每个可以按下文的方式被实施为计算机系统600。

计算机系统600包括总线602或其它通信机制，用于在计算机系统600的各种组件之间传输信息数据、信号和信息。组件包括输入/输出(I/O)组件，输入/输出(I/O)604处理用户动作(例如，从键区/键盘选择按键、选择一个或多个按钮、图像或链接、和/或移动一个或多个图像等)以及向总线602发送相应的信号。I/O组件604还可以包括输出组件，例如，显示器611和光标控件613(例如，键盘、键区、鼠标等)。还可以包括可选音频输入/输出组件605以通过转换音频信号来允许用户使用语音输入信息。音频I/O组件605可以允许用户听到音频。收发器或网络接口606经由网络150在计算机系统600和其它设备(例如，另一用户设备、商户服务器、或支付供应商服务器)之间发送和接收信号。在一个实施例中，传输是无线的，尽管其它传输手段和方法也可以适用。可以是微控制器、数字信号处理器(DSP)、或其它处理组件的一个或多个处理器612处理这些各种信号，例如，以在计算机系统600上显示或经由通信链接618传输至其它设备。处理器(一个或多个)612还可以控制至其它设备的信息的传输，例如，(cookies)或IP地址。

计算机系统600的组件还包括系统存储器组件614(例如，RAM)、静态存储组件616(例如，ROM)、和/或磁盘驱动617。计算机系统600由处理器(一个或多个)612和其它组件运行在系统存储器组件614中包含的一个或多个指令序列来执行具体的操作。逻辑可以在计算机可读介质中进行编码，计算机可读介质可以指参与向处理器(一个或多个)612提供供运行的指令的任意介质。这样的介质可以采用许多形式，包括但不限于，非易失性介质、易失性介质、和传输介质。在各种实施例中，非易失性介质包括光或磁盘，易失性介质包括动态存储器(例如，系统存储器组件614)，并且传输介质包括包括同轴电缆、铜线、和光纤，包括含有总线602的线缆。在一个实施例中，逻辑在非暂态计算机可读介质中进行编码。在一个示例中，传输介质可以采用声波或光波的形式，例如，在无线电波、光、和红外线数据传输期间产生的那些。

一些常用形式的计算机可读介质包括，例如，软盘、软磁盘、硬盘、磁带、任意其它磁性介质、CD-ROM、任意其它光介质、穿孔卡、纸带、任意其它孔型物理介质、RAM、PROM、EEPROM、FLASH-EEPROM、或任意其它存储器芯片或盒式磁盘、或适用于计算机从中进行读取的任意其它介质。

在本公开的各种实施例中，运行指令序列来实践本公开可以由计算机系统600执行。在本公开的各种其它实施例中，由通信链接618耦合至网络(例如，LAN、WLAN、PTSN、和/或各种包括电信、移动和蜂窝电话网络的其它有线或无线网络)的多个计算机系统600可以执行指令序列以相互协调实践本公开。

在适用的情况下，本公开提供的各种实施例可以利用硬件、软件、或硬件和软件的组合被实施。同样在适用的情况下，在不背离本公开的精神的情况下本文提出的各种硬件组件和/或软件组件集合可以被组合入包括软件、硬件、和/或两者的复合组件中。在适用的情况下，在不背离本公开的范围的情况下本文提出的各种硬件组件和/或软件组件集合可以被分成包括软件、硬件、或两者的子组件。此外，在适用的情况下，应该预期到软件组件可以被实施为硬件组件，并且反之亦然。

根据本公开的软件(例如，程序代码和/或数据)可以被存储在一个或多个计算机可读介质上。应该预期到本文指定的软件可以利用一个或多个通用或专用计算机和/或计算机系统、网络化和/或其它方式被实施。在适用的情况下，本文所述的各种步骤的排序可以被改变、组合成复合步骤、和/或分成子步骤以提供本文所述的特征。

上述公开不打算将本公开限制于公开使用的特定领域或明确形式。同样地，应该预期到根据本公开可能有针对本公开的各种可替换实施例和/或修改，不论本文是否明确描述或暗示。具有这样描述的本公开的实施例，本领域的普通技术人员应该承认在不背离本公开的范围的情况下可以进行形式和细节的改变。因此，本公开只由权利要求限制。

Claims (20)

1.一种系统，包括：

非暂态存储器，所述非暂态存储器存储机器可读指令；以及

一个或多个硬件处理器，所述一个或多个硬件处理器与所述非暂态存储器通信并且被配置为执行所述机器可读指令以执行以下步骤：

在第一网页浏览器内接收事件，其中，所述第一网页浏览器被连接至多个网页浏览器；

确定所述第一网页浏览器上对应于所述事件的元素；以及

将所述元素和所述事件传输至所述多个网页浏览器以由所述多个网页浏览器中的每个网页浏览器执行。

2.根据权利要求1所述的系统，其中，所述第一网页浏览器被利用网络套接字连接至所述多个网页浏览器。

3.根据权利要求1所述的系统，其中，所述元素对应于文档对象模型元素。

4.根据权利要求1所述的系统，其中，所述一个或多个硬件处理器被配置为利用以下各项中的一项确定所述元素：唯一标识、级联样式表类名、和XML路径语言。

5.根据权利要求1所述的系统，其中，所述一个或多个硬件处理器还被配置为：

接收所述事件在所述多个网页浏览器上的执行。

6.根据权利要求5所述的系统，其中，所述一个或多个硬件处理器被配置为：

在对应于所述多个网页浏览器的各个网页浏览器的多个窗口上显示所述事件在所述多个网页浏览器上的执行。

7.根据权利要求1所述的系统，其中，所述事件对应于以下各项中的一项：使用网页搜索工具、参与互动游戏、播放视频、以及播放录音。

8.根据权利要求1所述的系统，其中，所述多个网页浏览器中的至少一个网页浏览器还对应于至少一个设备。

9.一种方法，包括：

在第一网页浏览器内接收网页事件，其中，所述第一网页浏览器被连接至多个网页浏览器；

确定所述第一网页浏览器上对应于所述网页事件的网页元素；

使用浏览器显示设备的硬件处理器将所述网页元素和所述网页事件传输至所述多个网页浏览器，以由所述多个网页浏览器中的每个网页浏览器执行；

接收所述网页事件在所述多个网页浏览器上的执行；以及

在对应于所述多个网页浏览器的每个网页浏览器的多个窗口上显示所述网页事件在所述多个网页浏览器上的执行。

10.根据权利要求9所述的方法，其中，所述第一网页浏览器利用网络套字被连接至多个网页浏览器。

11.根据权利要求9所述的方法，其中，所述网页元素对应于文档对象模型元素。

12.根据权利要求9所述的方法，其中，确定所述网页元素利用以下各项中的一项：唯一标识、级联样式表类名、以及XML路径语言。

13.根据权利要求9所述的方法，其中，所述事件对应于以下各项中的一项：使用网页搜索工具、参与互动游戏、播放视频、以及播放录音。

14.根据权利要求9所述的方法，其中，所述多个网页浏览器中至少一个网页浏览器还对应于至少一个设备。

15.一种包括多个机器可读指令的非暂态计算机可读介质，当所述机器可读指令由服务器的一个或多个处理器执行时适用于使得所述服务器执行包括以下步骤的方法：

在第一网页浏览器内接收网页事件，其中，所述第一网页浏览器被连接至多个网页浏览器；

确定所述第一网页浏览器上对应于所述网页事件的网页元素；

将所述网页元素和所述网页事件传输至所述多个网页浏览器以由所述多个网页浏览器中的每个网页浏览器执行；

接收所述网页事件在所述多个网页浏览器上的执行；以及

在对应于所述多个网页浏览器的各个网页浏览器的多个窗口上显示所述网页事件在所述多个网页浏览器上的执行。

16.根据权利要求15所述的非暂态计算机可读介质，其中，所述第一网页浏览器利用网络套接字被连接至多个网页浏览器。

17.根据权利要求15所述的非暂态计算机可读介质，其中，所述网页元素对应于文档对象模型元素。

18.根据权利要求17所述的非暂态计算机可读介质，其中，确定所述网页元素利用以下各项中的一项：唯一标识、级联样式表类名、以及XML路径语言。

19.根据权利要求17所述的非暂态计算机可读介质，其中，所述事件对应于以下各种的一项：使用网页搜索工具、参与互动游戏、播放视频、以及播放录音。

20.根据权利要求17所述的非暂态计算机可读介质，其中，所述多个网页浏览器中至少一个网页浏览器还对应于至少一个设备。