CN114490383A - 远程调试系统、远程调试方法、计算设备和可读介质 - Google Patents

Abstract

本申请公开一种远程调试系统、方法、计算设备和可读介质。该系统包括：桌面客户端，用于获取并加载待调试系统的web操作页面以显示web操作页面，将web操作页面的页面代码以及在web操作页面的操作信息及导致的状态变化信息发送给调试服务端；调试服务端，用于将页面代码以及在web操作页面的操作信息及导致的状态变化信息转发给web调试客户端，以及将在web调试页面上的操作信息及导致的状态变化信息转发给桌面客户端；web调试客户端，用于打开web调试页面后收集在web调试页面上的操作信息及导致的状态变化信息，以便在两个客户端之间重现操作信息及状态变化。应用该系统，开发人员无需登录到操作人员的终端设备上进行调试，有助于减少安全隐患。

Description

远程调试系统、远程调试方法、计算设备和可读介质

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种远程调试系统、远程调试方法、计算设备和可读介质。

背景技术

在开发迭代过程中，开发人员经常需要远程调试代码缺陷(BUG)，一般流程为：操作人员通过远程协助工具发起远程协助请求，然后开发人员通过远程协助工具远程操作用户的计算机，以通过复现问题来对问题原因进行排查和定位。

但经由实践发现这样的流程存在以下问题：

1)远程协助工具在建立链接，并授权开发人员控制用户的计算机之后，开发人员不仅能看到用户的计算机桌面展示的所有文件，还能够远程对任何文件进行操作，存在一定的安全隐患；

2)远程协助工具要实时地将用户的计算机桌面的显示信息同步到本地，但受限于网络状况，远程协助的流畅度有时比较低，但实际上大量的显示信息并不是开发人员所需要参与调试与观察的。

基于以上两点，有必要研发更好的远程调试工具。

发明内容

有鉴于此，本公开的目的是提供一种远程调试系统、远程调试方法、计算设备和可读介质，以解决上述问题。

根据本公开的第一方面，提供一种远程调试系统，包括：

桌面客户端，用于获取并加载待调试系统的web操作页面以显示所述web操作页面，将所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息发送给调试服务端；

web调试客户端，用于显示web调试页面，并收集开发人员在所述web调试页面上的操作信息及导致的状态变化信息；

所述调试服务端，用于将所述页面代码以及所述操作人员在所述操作页面的操作信息及导致的状态变化信息转发给所述web调试客户端，以及将开发人员在所述web调试页面上的操作信息及导致的状态变化信息转发给所述桌面客户端；

其中，所述web调试客户端显示与所述web操作页面的页面代码对应的所述web调试页面以及在所述web调试页面显示与所述操作人员在所述操作页面的操作信息及导致的状态变化信息对应的操作和状态变化，

所述桌面客户端在所述web操作页面上显示与所述开发人员在web调试页面上的操作信息及导致的状态变化信息对应的操作和状态变化。

在一些实施例中，所述web调试页面由所述开发人员采用给定web地址打开，所述给定web地址包括的唯一标识由所述桌面客户端或所述调试服务端启动调试服务时创建。

在一些实施例中，所述桌面客户端响应于操作人员的调试启用命令进入调试模式，以便在调试模式下执行所述获取并加载待调试系统的web操作页面以显示web操作页面，将所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息发送给调试服务端的步骤。

在一些实施例中，所述web调试客户端运行有作为浏览器插件的开发调试工具包，并且通过所述开发调试工具包收集所述开发人员在所述web调试页面上的操作信息及导致的状态变化信息，以及通过所述开发调试工具包与所述调试服务端进行数据收发。

在一些实施例中，所述桌面客户端和所述调试服务端之间以及所述调试服务端和所述开发调试工具包之间分别建立WebSocket长连接，以实现数据收发。

在一些实施例中，所述桌面客户端和所述调试服务端之间以及所述调试服务端和所述开发调试工具包之间的数据收发基于浏览器调试协议实现。

在一些实施例中，所述调试服务端创建以所述唯一标识为标识的资源对象，所述资源对象用于存储所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息和所述开发人员在web调试页面上的操作信息及导致的状态变化信息。

在一些实施例中，所述web调试页面上的操作信息导致的状态变化信息包括开发人员通过对所述web调试页面的页面代码的修改获得的修改后的页面代码，以在所述web操作页面上执行所述修改后的页面代码。

在一些实施例中，所述开发调试工具包基于Chrome开发工具包构建而成。

根据本公开的第二方面，提供一种远程调试方法，应用于客户端，包括：

获取并加载待调试系统的web操作页面以显示web操作页面，将所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息发送给调试服务端；

从所述调试服务端接收开发人员在web调试页面上的操作信息及导致的状态变化信息，所述web调试页面为与所述web操作页面的页面代码对应的web页面；以及

在所述web操作页面上显示与所述开发人员在web调试页面上的操作信息及导致的状态变化信息对应的操作和状态变化。

根据本公开的第三方面，提供一种远程调试方法，应用于服务端，包括：

从桌面客户端接收并存储web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息；

响应于调试用户基于web客户端的访问请求，将所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息转发给所述web客户端；

接收开发人员在web调试页面上的操作信息及导致的状态变化信息并转发给所述桌面客户端。

根据本公开的第四方面，提供一种计算设备，包括存储器和处理器，所述存储器还存储有可由所述处理器执行的计算机指令，所述计算机指令被执行时，实现上述任一项所述的远程调试系统所指定的功能。

根据本公开的第五方面，提供一种计算机可读介质，所述计算机可读介质存储有可由计算设备执行的计算机指令，所述计算机指令被执行时，实现上述任一项所述的远程调试系统所指定的功能。

综上所述，本公开实施例提供的远程调试系统以及调试方法能够在开发人员的终端设备上复现操作人员在自身的终端设备上对web操作页面进行的操作，并且能够将开发人员对于页面代码的修改传递到操作人员的终端设备打开的web操作页面中以测试修改是否正确。开发人员无需登录到操作人员的终端设备上进行调试，从而减少了安全隐患，同时只传递页面状态信息，而无需传递操作系统的一些信息，也有助于提高远程调试效率，提高用户体验。

附图说明

通过参考以下附图对本公开实施例的描述，本公开的上述以及其它目的、特征和优点将更为清楚，在附图中：

图1是可用于部署远程调试系统的硬件示意图；

图2示意了开发人员远程调试运行在操作人员的终端设备上的待调试系统的示意图；

图3是本公开实施例中的相关模块的交互示意图；

图4是从特定技术实现的角度描绘的本公开实施例的相关模块的交互示意图；

图5是用于实施本公开实施例的终端设备的结构示意图。

具体实施方式

以下基于实施例对本公开进行描述，但是本公开并不仅仅限于这些实施例。在下文对本公开的细节描述中，详尽描述了一些特定的细节部分。对本领域技术人员来说没有这些细节部分的描述也可以完全理解本公开。为了避免混淆本公开的实质，公知的方法、过程、流程没有详细叙述。另外附图不一定是按比例绘制的。

在本公开中使用的各种名词解释。

WebSocket：WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocketAPI也被W3C定为标准。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许调试服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

CDP：即Chrome Devtool Protocol，一种浏览器调试协议，CDP允许开发者通过它来检测，检查，调试和分析在基于Chromium浏览器打开的Web页面(常见的有Chrome浏览器、electron等)。

DevTools：即Chrome DevTools，它是一组直接内置于Chrome浏览器中的Web开发调试工具。它自身会使用CDP，获取到对应页面的状态并进行调试。

本公开实施例的场景

图1是可用于部署远程调试系统的硬件示意图。如图1所示，服务器101通过网络102与作为操作人员的终端设备103和作为开发人员的终端设备104进行交互。服务器101可以为单一服务器，也可以为云服务中心。单一服务器是独立的实体服务器，其上部署有各种系统。云服务中心是利用虚拟化技术可以将实体服务器的硬件和软件资源进行整合，在虚拟化层的基础上，再部署各种系统。网络102可以包括但不限于：有线网络，无线网络，其中，该有线网络包括：局域网、城域网和广域网，该无线网络包括：蓝牙、WIFI及其他实现无线通信的网络。终端设备103和104可以包括但不限于以下至少之一：手机、笔记本电脑、平板电脑、掌上电脑、台式电脑等计算机设备。

图2示意了开发人员远程调试运行在操作人员的终端设备上的待调试系统的示意图。结合图1和图2所示，桌面客户端201运行在操作人员的终端设备103，调试服务端203运行在服务器101中，应用服务端205也运行在服务器101中，web客户端202运行在开发人员的终端设备104上。

操作人员可以通过桌面客户端201打开待调试系统的web操作页面进入调试模式，在调试模式中web操作页面的页面代码可以被上传到调试服务端203。桌面客户端201或调试服务器203可创建唯一标识来识别web操作页面。该唯一标识可提供给开发人员，使开发人员能够基于唯一标识通过web调试客户端202获取桌面客户端201的web操作页面的页面代码，使其在调试服务端203展示为web调试页面，如此，web调试页面和web操作页面具有一致的页面代码。

在桌面客户端201与web调试客户端202同步之后，操作人员可以对web操作页面进行用户操作，这些操作及导致的状态变化信息均经由调试服务端203发送给web调试客户端202并显示在web调试页面上。即操作人员的各种用户操作以及产生的效果在web调试页面上复现。

同样，开发人员可以对调试页面进行各种操作，所述各种操作包括在web展示页面2021上的用户操作以及经由控制端界面2022进行的代码修改。这些操作及导致的状态变化信息也会经由调试服务端203发送给桌面客户端201并显示出来。在一些实施例中，开发人员修改web调试页面的页面代码，并通过调试服务器203将修改后的页面代码转发给桌面客户端201，以在web操作页面上执行修改后的页面代码。从图上可以看出，只有web调试客户端202具有控制端界面2022，控制端界面2022用于展示并修改页面代码(包括css、html等)，通过这种限制确保只有开发人员可修改页面代码。

但应该明白的是，操作人员在页面人员在web操作页面所做的操作，无论是前端操作或涉及到后台应用服务器的请求，都能够传递到应用服务器并由应用服务器给出处理结果，但开发人员在调试页面上所做的操作如果涉及到应用服务器的处理都不会马上得到反馈，而是通过将其传递到web操作页面，通过web操作页面与应用服务器之间的交互得到处理结果，然后再将处理结果传递回浏览器并在调试页面上呈现处理结果。同时，如果开发人员在调试页面上所做的操作如果不涉及到应用服务器的处理(即操作只涉及前端操作)则可以立刻在调试页面上呈现操作结果。

而且在上述系统中，开发人员对调试页面的代码修改虽然可通过调试服务器传递到web操作页面上，但这个修改只是临时的，并没有真正发布到应用服务器上，如此避免影响待调试系统的实际运行。也就是说，开发人员的调试操作不会影响到其他操作人员正常进行的用户操作引起的效果。

进一步地，相比于传统的远程协助工具，本公开实施例提供的远程调试系统中，开发人员并没有登录到操作人员的终端设备上，因此操作人员的终端设备的安全性能够保证，同时，调试服务器调试服务端只在浏览器202和桌面客户单201之间传递必要的信息，因此能够提高远程协助的流畅度。

图3是本公开实施例中的相关模块的交互示意图。

步骤S301是桌面客户端201通过获取并加载待调试系统的web操作页面以打开web操作页面。待调试系统就是我们要调试的应用系统。

步骤S302是桌面客户端201从操作用户接受调试启用命令。

步骤S303是桌面客户端201向调试服务端发送调试服务启用请求。

在本实施例中，桌面客户端201设定具有两种模式：调试模式和正常模式。当进入调试模式时，web操作页面不仅向应用服务器发送数据，同时向调试服务器发送数据。当然，桌面客户端也可以只具有调试模式，即当采用桌面客户端加载待调试系统的web操作页面时，即进入调试模式，然后向调试服务端发送调试服务启用请求。

在步骤S304中，调试服务端205接收到调试服务启用请求之后，创建资源对象。所述资源对象用于临时存储来自桌面客户端201和web调试客户端202的信息。同时由于调试服务端205可同时处理多个调试服务，因此需要创建一个唯一标识标记每个调试服务，进而可采用与调试服务对应的唯一标识标记对应的资源对象。该唯一标识可由桌面客户端201创建，也可由调试服务端205创建，如果该唯一标识由桌面客户端201创建，则可在调试服务启用请求中包含该唯一标识以提供给调试服务端205。

在一些实施例中，调试服务端205接收到调试服务启用请求后，相应地生成独立于当前进程的服务进程，该服务进程从桌面客户端201用于管理和维护对应调试服务的资源对象。

在步骤S305中，桌面客户端201从web操作页面收集信息。

在步骤S306中，桌面客户端201将web操作页面的信息发送给调试服务端205。

在步骤S307中，调试服务端205将web操作页面的信息存储在资源对象中。

在步骤S308中，调试服务端205将web操作页面的信息发送给web调试客户端202。

在步骤S309中，web调试客户端202展示web操作页面的信息。

在步骤S310中，web调试客户端202收集web调试页面的信息。

在步骤S311中，web调试客户端202发送web调试页面的信息给调试服务端205。

在步骤S312中，调试服务端205将web调试页面的信息存储在资源对象中。

在步骤S313中，调试服务端205发送web调试页面的信息给桌面客户端201。

在步骤S314中，桌面客户端201展示web调试页面的信息。

根据本实施例，包括待调试系统的页面代码、操作人员的点击、输入数据等操作以及用户点击、输入数据等操作产生的页面状态变化，UI变化等信息统统发送给调试服务端205，并通过调试服务端205发送给web调试客户端202，以能够在浏览器中呈现相同的web调试页面。同理，开发人员的点击、输入数据、修改页面代码等操作以及用户点击、输入数据、修改页面代码等操作产生的效果，UI变化等信息统统发送给调试服务端205，并通过调试服务端205发送给桌面客户端201以在web操作页面中体现这些页面变化和显示这些操作。

如前文所示，作为可选的实施例，调试服务端205为每个调试服务创建一个资源对象，用于存储与该调试服务对应的桌面客户端201和web调试端发送来的信息，并且该资源对象可由与调试服务的唯一标识来标记。该唯一标识可提供给web客户端的开发人员，以便开发人员能够根据默认规则获得输入到浏览器地址栏里的URL地址，以启动web客户端访问调试服务端205对应的资源对象。

在一些实施例中，web调试客户端202包括作为浏览器插件安装在指定浏览器中的开发调试工具包，在通过浏览器加载并展示web调试页面的过程中，执行开发调试工具包，开发调试工具包与调试服务器建立通信连接，并从调试服务器获得对应资源对象内保存的信息。

图4是从特定技术实现的角度描绘的本公开实施例的相关模块的交互示意图。

操作人员在登录到桌面客户端之后，发起远程调试请求(步骤1)，并由此对web操作页面开启调试模式(步骤2)。

在一些实施例中，桌面客户端可以利用能够支持浏览器渲染引擎和脚本语言搭配的桌面GUI应用程序来实现。

在一些实施例中，调试服务端与桌面客户端基于WebSocket建立长连接(步骤3)。具体地，桌面客户端作为WebSocket的客户端，先向调试服务端发送会话凭证获取请求，调试服务端在接收到会话凭证获取请求时，生成会话凭证，并将会话凭证发送给桌面客户端，然后桌面客户端与调试服务端基于会话凭证建立WebSocket长连接。

在一些实施例中，DevTools与调试服务端基于WebSocket建立长连接(步骤4)。具体地，桌面客户端作为WebSocket的客户端，先向调试服务端发送会话凭证获取请求，调试服务端在接收到会话凭证获取请求时，生成会话凭证，并将会话凭证发送给开发调试工具包，然后开发调试工具包与调试服务端基于会话凭证建立WebSocket长连接。在此，DevTools是指可加载到浏览器中运行的开发调试工具包。

在一些实施例中，DevTools将开发人员在web调试页面上的任何操作行为及导致的页面状态变化转化为CDP格式的数据经由WebSocket长连接发送给调试服务端，由调试服务端发送给桌面客户端(步骤5-8)。

在一些实施例中，桌面客户端将操作人员在web操作页面上的任何操作行为及导致的页面状态变化转化为CDP格式的数据经由WebSocket长连接发送给调试服务端，由调试服务端发送给DevTools(步骤9-12)。

综上，本实施例采用了浏览器和开发调试工具包DevTools结合的方式实现图3中的web调试客户端202。开发调试工具包DevTools和调试服务端205之间使用CDP协议。同样，桌面客户端201的实现也可以采用开发调试工具包DevTools，如此，桌面客户端201与调试服务端205之间也使用CDP协议收发数据。

应该理解的是，本实施例中，开发人员在浏览器地址栏输入给定web地址并点击确定后，浏览器即启动DevTools，DevTools请求与调试服务端建立长连接并请求获取页面代码，基于请求调试服务端实时地从桌面客户端获取页面代码并传递给DevTools，从而打开web调试页面。本申请还包括另一种实施例：调试服务端与桌面客户端建立长连接之后，桌面客户端即将页面代码上传给调试服务端，此后只要用户操作，即实时地将操作信息以及产生的页面状态变化发送到调试服务端。如果此时DevTools还没有与调试客户端建立长连接，则这些信息将由调试服务端临时存储在资源对象中。当DevTools请求与调试服务端建立长连接并请求数据时，再从资源对象中将相应数据发送给DevTools以便呈现web调试页面、其上的操作及导致的效果。该两种实施例都能够在web调试页面完整复现操作人员在web操作页面上的所有操作。

综上所述，本公开实施例提供的远程调试系统和方法能够在开发人员的终端设备上复现操作人员在自身的终端设备上对web操作页面进行的操作，并且能够将开发人员对于页面代码的修改传递到操作人员的终端设备打开的web操作页面中以测试修改是否正确。开发人员无需登录到操作人员的终端设备上进行调试，从而减少了安全隐患，同时只传递页面状态信息，而无需传递操作系统的一些信息，也有助于提高远程调试效率，提高用户体验。

进一步地，本公开实施例提供的远程调试系统不仅可用于开发人员远程调试基于操作人员的终端设备上访问的待调试系统，也可以只用于提供演示作用，例如某些情况下，运维人员需要远程向用户显示系统的某些功能，则可以通过该远程调试系统实现。

相应地，本公开还提供一种远程调试方法，应用于客户端，并包括以下步骤。

步骤S11是获取并加载待调试系统的web操作页面以显示web操作页面，将web操作页面的页面代码以及操作人员在web操作页面的操作信息及导致的状态变化信息发送给调试服务端。

步骤S12是从调试服务端接收开发人员在web调试页面上的操作信息及导致的状态变化信息，web调试页面为基于操作页面的操作代码打开的web页面。

步骤S13是在web操作页面上显示与开发人员在web调试页面上的操作信息及导致的状态变化信息对应的操作和状态变化。

相应地，基于上述实施例，本公开还提供一种远程调试方法，应用于服务端，包括以下步骤。

步骤S21是从桌面客户端接收并存储web操作页面的页面代码以及操作人员在web操作页面的操作信息及导致的状态变化信息；

步骤S22是响应于调试用户基于web客户端的访问请求，将web操作页面的页面代码以及操作人员在web操作页面的操作信息及导致的状态变化信息转发给web客户端；

步骤S23是接收开发人员在web调试页面上的操作信息及导致的状态变化信息并转发给桌面客户端。

由于这两种远程调试方法在上文的实施例中均有对应的描述，这里就不再详细介绍。

图5是用于实施本公开实施例的计算设备的结构示意图。该计算设备可用于分别实施上述两种远程调试方法，并且可用于分别部署图3所示的调试服务端、桌面客户端和web调试客户端。但同时该计算设备600仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图5所示，计算设备600以通用计算设备的形式表现。计算设备600的组件可以包括但不限于：上述至少一个处理单元610、上述至少一个存储单元620、连接不同系统组件(包括存储单元620和处理单元610)的总线630。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元610执行，使得所述处理单元610执行本说明书上述示例性方法的描述部分中描述的本发明各种示例性实施方式的步骤。例如，所述处理单元610可以执行图3或图5所示的各个步骤。

存储单元620可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)6201和/或高速缓存存储单元6202，还可以进一步包括只读存储单元(ROM)6203。

存储单元620还可以包括具有一组(至少一个)程序模块6205的程序/实用工具6204，这样的程序模块6205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线630可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

计算设备600也可以与一个或多个外部设备700(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该计算设备600交互的设备通信，和/或与使得该计算设备600能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口650进行。并且，计算设备600还可以通过网络适配器660与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器660通过总线630与计算设备600的其它模块通信。应当明白，尽管图中未示出，可以结合计算设备600使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。

在本公开的示例性实施例中，还提供了一种计算机程序介质，其上存储有计算机可读指令，当所述计算机可读指令被计算机的处理器执行时，使计算机执行上述方法实施例描述的方法。

根据本公开的一个实施例，还提供了一种用于实现上述方法实施例中的方法的程序产品，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

此外，尽管在附图中以特定顺序描述了本公开中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施方式的方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由所附的权利要求指出。

Claims (13)

1.一种远程调试系统，包括：

桌面客户端，用于获取并加载待调试系统的web操作页面以显示所述web操作页面，将所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息发送给调试服务端；

web调试客户端，用于显示web调试页面，并收集开发人员在所述web调试页面上的操作信息及导致的状态变化信息；

所述调试服务端，用于将所述页面代码以及所述操作人员在所述操作页面的操作信息及导致的状态变化信息转发给所述web调试客户端，以及将所述开发人员在所述web调试页面上的操作信息及导致的状态变化信息转发给所述桌面客户端；

其中，所述web调试客户端显示与所述web操作页面的页面代码对应的所述web调试页面以及在所述web调试页面显示与所述操作人员在所述操作页面的操作信息及导致的状态变化信息对应的操作和状态变化，

所述桌面客户端在所述web操作页面上显示与所述开发人员在web调试页面上的操作信息及导致的状态变化信息对应的操作和状态变化。

2.根据权利要求1所述的远程调试系统，其中，所述web调试页面由所述开发人员采用给定web地址打开，所述给定web地址包括的唯一标识由所述桌面客户端或所述调试服务端启动调试服务时创建。

3.根据权利要求1所述的远程调试系统，其中，所述桌面客户端响应于操作人员的调试启用命令进入调试模式，以便在调试模式下执行所述获取并加载待调试系统的web操作页面以显示web操作页面，将所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息发送给调试服务端的步骤。

4.根据权利要求1所述的远程调试系统，其中，所述web调试客户端运行有作为浏览器插件的开发调试工具包，并且通过所述开发调试工具包收集所述开发人员在所述web调试页面上的操作信息及导致的状态变化信息，以及通过所述开发调试工具包与所述调试服务端进行数据收发。

5.根据权利要求4所述的远程调试系统，其中，所述桌面客户端和所述调试服务端之间以及所述调试服务端和所述开发调试工具包之间分别建立WebSocket长连接，以实现数据收发。

6.根据权利要求4所述的远程调试系统，其中，所述桌面客户端和所述调试服务端之间以及所述调试服务端和所述开发调试工具包之间的数据收发基于浏览器调试协议实现。

7.根据权利要求2所述的远程调试系统，其中，所述调试服务端创建以所述唯一标识为标识的资源对象，所述资源对象用于存储所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息和所述开发人员在web调试页面上的操作信息及导致的状态变化信息。

8.根据权利要求1所述的远程调试系统，其中，所述web调试页面上的操作信息导致的状态变化信息包括开发人员通过对所述web调试页面的页面代码的修改获得的修改后的页面代码，以在所述web操作页面上执行所述修改后的页面代码。

9.根据权利要求4所述的远程调试系统，其中，所述开发调试工具包基于Chrome开发工具包构建而成。

10.一种远程调试方法，应用于客户端，包括：

获取并加载待调试系统的web操作页面以显示web操作页面，将所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息发送给调试服务端；

从所述调试服务端接收开发人员在web调试页面上的操作信息及导致的状态变化信息，所述web调试页面为与所述web操作页面的页面代码对应的web页面；以及

在所述web操作页面上显示与所述开发人员在web调试页面上的操作信息及导致的状态变化信息对应的操作和状态变化。

11.一种远程调试方法，应用于服务端，包括：

从桌面客户端接收并存储web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息；

响应于调试用户基于web客户端的访问请求，将所述web操作页面的页面代码以及操作人员在所述web操作页面的操作信息及导致的状态变化信息转发给所述web客户端；

接收开发人员在web调试页面上的操作信息及导致的状态变化信息并转发给所述桌面客户端。

12.一种计算设备，包括存储器和处理器，所述存储器还存储有可由所述处理器执行的计算机指令，所述计算机指令被执行时，实现所述如权利要求1至9任一项所述的远程调试系统所指定的功能。

13.一种计算机可读介质，所述计算机可读介质存储有可由计算设备执行的计算机指令，所述计算机指令被执行时，实现所述如权利要求1至9任一项所述的远程调试系统所指定的功能。

Images