CN109002366A - 一种移动端网页的远程调试方法及装置 - Google Patents

Abstract

本发明提供一种移动端网页的远程调试方法及装置，涉及互联网技术领域。该方法应用于调试服务器，所述调试服务器与移动端网页通信连接，所述调试服务器还与开发环境浏览器通信连接，所述方法包括：接收所述开发环境浏览器发送的针对所述移动端网页的调试指令；转发所述调试指令给所述移动端网页。本发明通过调试服务器作为桥接服务器，使移动端网页和开发环境浏览器可以进行通信，调试服务器可以接收所述开发环境浏览器发送的针对所述移动端网页的调试指令；以及转发所述调试指令给所述移动端网页。该方案克服现有移动端网页只能在移动端环境调试的限制，实现了远程调试移动端网页的技术效果。

Description

一种移动端网页的远程调试方法及装置

技术领域

本发明涉及互联网技术领域，具体而言，涉及一种移动端网页的远程调试方法及装置。

背景技术

随着移动电子设备的大量应用，如手机设备、平板电脑设备等，移动端Web页面也被大量推广。又随着不同的客户端技术被推广，移动端Web页面的内容也日益复杂。移动端Web页面早期仅仅应用于移动端浏览器浏览，并且交互行为仅限于Document Object Model和Browser Object Model。移动端Web页面逐步应用到更丰富的交互行为和更多样的应用程序中，例如在混合应用程序中，移动端Web页面可以通过JavaScript Bridge调用移动端Native平台接口，具体功能包括有录音功能、摄像功能、陀螺仪、GPS定位。又例如在微信应用程序中，移动端Web页面还能调用指纹支付功能。在现有模式下，以上这些功能的调试，仅限于在移动端环境进行调试。

发明内容

为了克服上述现有技术中的不足，本发明提供一种移动端网页的远程调试方法及装置，以解决上述问题。

为了实现上述目的，本发明实施例所提供的技术方案如下所示：

本发明实施例第一方面公开了一种移动端网页的远程调试方法，应用于调试服务器，所述调试服务器与移动端网页通信连接，所述调试服务器还与开发环境浏览器通信连接，所述方法包括：接收所述开发环境浏览器发送的针对所述移动端网页的调试指令；转发所述调试指令给所述移动端网页。

结合第一方面，在第一种可能的实现方式中，所述方法还包括：接收所述移动端网页发送的所述移动端网页的调试日志信息和调试数据信息；转发所述调试日志信息和所述调试数据信息给所述开发环境浏览器，所述调试日志信息和所述调试数据信息用于指示后续的调试操作。

结合第一方面，在第二种可能的实现方式中，通过以下步骤建立所述调试服务器分别和所述移动端及所述开发环境浏览器之间的通信连接：监听所述移动端网页发送的第一指令；监听所述开发环境浏览器发送的第二指令；匹配所述第一请求指令和所述第二指令；在所述第一指令和所述第二指令匹配时，建立所述移动端网页到所述调试服务器，与所述调试服务器到所述开发环境浏览器的双向通信通道。

结合第一方面的第二种可能的实现方式，在第三种可能的实现方式中，所述第一指令包括：请求URL指令和第一指定通道参数指令；所述第二指令包括：URL指令和第二指定通道参数指令。

本发明实施例第二方面公开了一种移动端网页的远程调试方法，应用于移动端网页，所述移动端网页与所述调试服务器通信连接，所述方法包括：所述移动端网页接收所述调试服务器发送的所述调试指令，所述调试指令为所述调试服务器从开发环境浏览器接收的；所述移动端网页根据所述调试指令进行调试操作。

结合第二方面，在第一种可能的实现方式中，所述方法还包括：

所述移动端网页发送所述调试日志信息和所述调试数据信息给所述调试服务器，以使所述调试服务器将所述调试日志信息和调试数据信息转发给所述开发环境浏览器。

本发明实施例第三方面公开了一种移动端网页的远程调试方法，应用于开发环境浏览器，所述开发环境浏览器与所述调试服务器通信连接，所述方法包括：所述开发环境浏览器生成调试指令；所述调试指令用于指示移动端网页进行调试操作；向所述调试服务器发送所述调试指令。

本发明实施例第四方面公开了一种移动端网页的远程调试装置，应用于调试服务器，所述调试服务器与移动端网页通信连接，所述调试服务器还与开发环境浏览器通信连接，所述装置包括：第一接收单元，用于接收所述开发环境浏览器发送的针对所述移动端网页的调试指令；第一发送单元，用于转发所述调试指令给所述移动端网页。

本发明实施例第五方面公开了一种移动端网页的远程调试装置，应用于移动端网页，所述移动端网页与所述调试服务器通信连接，所述装置包括：

第一执行单元，用于所述移动端网页根据所述调试指令进行调试操作；

第二接收单元，用于所述移动端网页接收所述调试服务器发送的所述调试指令，所述调试指令为所述调试服务器从开发环境浏览器接收的；

本发明实施例第六方面公开了一种移动端网页的远程调试装置，应用于开发环境浏览器，所述开发环境浏览器与所述调试服务器通信连接，所述装置包括：

第二执行单元，用于所述开发环境浏览器生成调试指令；所述调试指令用于指示移动端网页进行调试操作；

第三发送单元，用于向所述调试服务器发送所述调试指令。

相对于现有技术而言，本发明实施例提供的一种移动端网页的远程调试方法及装置至少具有以下有益效果：本发明实施例提供的方案通过调试服务器作为桥接服务器，使移动端网页和开发环境浏览器可以进行通信，调试服务器可以接收所述开发环境浏览器发送的针对所述移动端网页的调试指令；以及转发所述调试指令给所述移动端网页。该方案克服现有移动端网页只能在移动端环境调试的限制，实现了远程调试移动端网页的技术效果。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举本发明较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍。应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本发明实施例提供的调试服务器、移动端网页及开发环境浏览器的交互示意图。

图2为本发明实施例提供的建立通信的方法流程图。

图3为本发明实施例提供的移动端网页的远程调试方法的交互示意图。

图4为本发明实施例提供的移动端网页的远程调试装置的调试服务器的方框示意图。

图5为本发明实施例提供的移动端网页的远程调试装置的移动端网页的方框示意图。

图6为本发明实施例提供的移动端网页的远程调试装置的开发环境浏览器的方框示意图。

图标：100-调试服务器；110-第一接收单元；120-第一发送单元；200-移动端网页；210-第一执行单元；220-第二接收单元；230-第二发送单元；300-开发环境浏览器；310-第二执行单元；320-第三接收单元；330-第三发送单元。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本发明的一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。

因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。此外，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

下面结合附图，对本发明的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。

请参照图1所示，为本发明实施例提供的调试服务器100、移动端网页200及开发环境浏览器300的交互示意图。本发明提供的调试服务器100可通过网络与至少一个移动端网页200通信连接，该调试服务器100还可通过网络与至少一个开发环境浏览器300通信连接。

其中，所述调试服务器100可以是，但不限于云服务器、集群服务器、分布式服务器。所述移动端网页200搭载的移动终端可以是，但不限于，智能手机、平板电脑、个人数字助理(personal digital assistant，PDA)、移动上网设备(mobile Internet device，MID)等。所述网络可以是，但不限于，有线网络或无线网络。所述开发环境浏览器300的安装设备可以是，但不限于个人电脑(personal computer，PC)。

在现有技术中，移动端网页200若要进行暂停或调试，通常仅限在移动端的开发环境内，即必须在移动端设备进行，以致于关于移动端网页200的页面调试不能够在远程完成。当前的移动端网页200调试存在如下缺点：一是无法暂停移动端网页200的执行，同时无法查看移动端网页200运行时变量情况；二是无法直接查看关于移动端网页200的日志输出；三是无法查看关于移动端网页200的错误堆栈信息。

如何提供一种移动端网页200的远程调试方法，能够克服现有技术对移动端网页200进行调试的缺点，节约开发调试的时间，同时减低调试的难度，从而提高开发效率是本领域技术人员的一大难题。鉴于上述问题，本申请发明人经过长期研究探索，提出以下实施例以解决上述问题。下面结合附图，对本发明实施例作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。

为便于本领域技术人员更好的理解本方案，下面先介绍调试服务器100分别和移动端网页200以及开发环境浏览器300建立通信的实施过程。

请参考图2所示，为本发明实施例提供的建立通信的方法流程图，该方法包括：

步骤S210，移动端网页200发送第一指令。

可选的，第一指令可以是请求URL指令和第一通道参数指令。请求URL指令为向调试服务器100请求URL的指令，以使移动端网页200通信连接到调试服务器100。第一指定通道参数指令为远程查询参数指令。

可选的，调试服务器100可以通过监听移动端网页200，获取到第一指令。

可选的，在需要进行远程调试的移动端网页200加载预设的调试脚本，预设的调试脚本向调试服务器100请求URL，并且输入查询参数remoteChannel＝dev.index.html。

可理解的，URL由调试服务器100提供。

步骤S220，开发环境浏览器300发送第二指令。

可选的，第二指令可以是URL指令和第二指定通道参数指令。URL指令为调试服务器100的URL的指令，用于将开发环境浏览器300与调试服务器100通信连接。第二指定通道参数指令为本地查询参数指令。

可选的，调试服务器100可以通过监听开发环境浏览器300，获取到第二指令。

可选的，使用开发环境浏览器300打开调试服务器100的URL，并且输入相匹配的查询参数localChannel＝dev.index.html。

步骤S230，调试服务器100与移动端网页200通信连接建立第一通道，调试服务器100与开发环境浏览器300通信连接建立第二通道。

步骤S240，匹配移动端网页200和开发环境浏览器300。

可选的，步骤S240为调试服务器100匹配所述第一指令和所述第二指令。

可选的，在所述第一指令和所述第二指令匹配时，即第一指定通道参数指令与第二指定通道参数指令为一组时，将第一通道与第二通道匹配。如果第一指定通道参数指令与第二指定通道参数不为一组时，则不匹配。

可理解的，一个移动端网页200能够接收匹配对应的开发环境浏览器300的调试指令。

步骤S250，调试服务器100建立中间人转发机制。

一个具体的例子如下，在开发环境浏览器300的DevTools面板(Chrome)，输入Log.setup()指令，启动开发环境浏览器300和移动端网页200的调试连接。Log.setup()指令向调试服务器100发起建立连接请求，当连接成功时，则返回连接请求成功提示，表示调试服务器100建立双向通信；当连接失败时，则返回连接失败提示。

可理解的，调试服务器100建立中间人转发机制，中间人转发机制能够将来自开发环境浏览器300发送的调试指令转发给匹配的移动端网页200，从而使调试服务器100具备桥接和中转的功能。

通过上述步骤，即可建立所述移动端网页200与所述调试服务器100之间、所述调试服务器100与所述开发环境浏览器300之间的双向通信通道。

可理解的，在调试服务器100的中间人转发机制下，移动端网页200和开发环境浏览器300建立双向通信通道。

可理解的，开发环境浏览器300为支持WebSocket通信协议作为开发环境的浏览器。

可理解的，调试服务器100具备监听功能和WebSocket端口支持服务。

可选的，预设的调试脚本为JavaScript脚本。

可选的，移动端网页200的调试、日志输出和开发环境浏览器300的调试指令均可以通过WebSocket协议完成。

以上介绍了通过调试服务器100，移动端网页200与开发环境浏览器300建立通信连接的一种可能的实现方式，在实际运用中，还可以通过其它方式建立通信连接，本发明实施例不作具体限定。

在通过调试服务器100，移动端网页200与开发环境浏览器300建立通信连接后，可以进行移动端网页200的远程调试，请参照图3所示，为本发明实施例提供的移动端网页200的远程调试方法的交互示意图。本实施例提供的移动端网页200的远程调试方法从图1所示的调试服务器100、开发环境浏览器300和移动端网页200的交互的角度进行描述。该调试服务器100与至少一个移动端网页200和开发环境浏览器300通信连接，通过调试服务器100作为桥接服务器，使移动端网页200和开发环境浏览器300可以进行通信，节约开发调试的时间，同时减低调试的难度，从而提高开发效率。

下面将对图3所述的各步骤进行详细阐述，在本实施例中，该移动端网页200的远程调试方法可以包括以下步骤：

步骤S310，所述开发环境浏览器300生成调试指令；所述调试指令用于指示移动端网页200进行调试操作。

步骤S320，开发环境浏览器300向所述调试服务器100发送所述调试指令。

步骤S330，调试服务器100接收所述开发环境浏览器300发送的针对所述移动端网页200的调试指令。

可理解的，开发环境浏览器300可通过用户在调试界面输入调试操作，生成针对移动端网页200相关的调试指令，并将该调试指令发送至调试服务器100，对应的，调试服务器100接收该调试指令。

可理解的，调试指令可以包括开始调试、暂停调试、结束调试指令等针对移动端网页200进行调试的一系列相关指令。

步骤S340，调试服务器100转发所述调试指令给所述移动端网页200。

步骤S350，所述移动端网页200接收所述调试服务器100发送的所述调试指令。

步骤S360，所述移动端网页200根据所述调试指令进行调试操作。

可理解的，移动端网页200接收调试指令，并根据调试指令对移动端网页200进行调试操作，例如以管理员权限登录移动端网页200，将移动端网页200切换成调试模式；又例如暂停移动端网页200的当前运行状态；还例如移动端网页200根据调试指令，输出调试日志信息和调试数据信息。

可选的，所述方法还包括：步骤S370，移动端网页200向所述调试服务器100发送所述调试日志信息和调试数据信息。

步骤S380，调试服务器100接收所述移动端网页200发送的所述移动端网页200的所述调试日志信息和调试数据信息。

步骤S390，转发所述调试日志信息和调试数据信息给所述开发环境浏览器300。

其中，所述调试日志信息和所述调试数据信息用于指示后续的调试操作，例如开发环境浏览器300在接收到调试日志信息和调试数据信息之后，可以根据调试日志信息和调试数据信息确定,后续进行的调试操作，进而生成对应的调试指令。又例如根据调试日志信息和调试数据信息确定，移动端网页200是否出现运行错误的区域，在出现运行错误区域时，对运行错误的区域进行追踪和定位，从而能够纠正错误，恢复移动端网页200的正常运行。又例如在移动端网页200进行版本更新和升级时，能够根据调试日志和调试数据信息得知和判断移动端网页200的运行状态。

可选的，开发环境浏览器300的调试指令，可以用于获取移动端网页200的调试日志信息和调试数据信息，以达到调试监控的作用。

其调试指令操作包括：在开发环境浏览器300中，通过调试面板输入目的指令，生成对应的调试指令，并发送给调试服务器100；调试服务器100接收调试指令并且转发给匹配的移动端网页200；移动端网页200的调试脚本验证命令，验证命令正确时，执行相应的调试操作，生成返回数据信息并发送给调试服务器100；调试服务器100接收返回数据信息并且转发给开发环境浏览器300；开发环境浏览器300接收返回的调试日志信息和调试数据信息。

例如，在开发环境浏览器300输入env('app')指令，可以获取移动端网页200中app变量值并且输出在开发环境浏览器300的控制界面中。

又例如，在开发环境浏览器300的控制界面中输入tags()指令，可以获取移动端网页200中所有输出的日志标签。

又例如，调用syncCookies()和syncLocalStorage()，能够同步移动端网页200的存储信息到开发环境浏览器300。

可理解的，移动端网页200可以在预设的调试脚本调用Log.sleep()来暂停预设的调试脚本的运行，这个功能如同调试的断点。

可理解的，开发环境浏览器300可以通过Log.seek()查看断点位置的作用域链，如Log.seek('i')查看循环中的i变量的值。

可理解的，通过在开发环境浏览器300输入指令Log.notify()，恢复移动端网页200的预设的调试脚本运行，如同执行断点。

可选的，调试指令返回的日志信息和数据信息包括：运行时变量数据；本地存储数据；全局变量数据。

可理解的，返回的数据具体的查看方式为：移动端网页200的Cookies数据同步到开发环境浏览器300上，同步完成后可以在开发环境浏览器300的DevTools ApplicationPanel下属的Cookies面板查看；移动端网页200的LocalStorage数据同步到开发环境浏览器300上，同步完成后可以在开发环境浏览器300的DevTools Application Panel下属的LocalStorage面板查看；移动端网页200对应的运行时变量和全局变量直接进行对象解析，输出对象结构到开发环境浏览器300的控制界面中。

可理解的，移动端网页200通过预设的调试脚本配置的接口向开发环境浏览器300发送调试日志信息和调试数据信息。

可理解的，移动端网页200的日志输出通过预设的调试脚本配置的日志接口完成，包括：载入日志输出的标签；载入日志输出的级别；载入日志输出的内容；日志接口载入数据并且通过请求转发到开发环境浏览器300；开发环境浏览器300接收调试日志信息和调试数据信息，并对这些信息进行解析，并且输出到开发环境浏览器300的控制界面中。

可选的，移动端网页200的日志输出需要显性调用特定的接口。

例如，调用预设的调试脚本的Log.i(PAYMENT,message)方法。其中，i代表输出信息等级的信息，同时带上PAYMENT标签，可以表示跟支付相关的信息，message可以是字符串类型数据，也可以是对象型数据。

可理解的，移动端网页200的日志输出可以在开发环境浏览器300的控制界面中查看。开发环境浏览器300接收移动端网页200输出的message信息。message是字符串类型，可以直接打印。

可理解的，如果message是对象类型，在控制界面中直接显示message的对象结构信息。在开发环境浏览器300的Filter Input输入PAYMENT后，只显示带有PAYMENT标签的调试信息。在浏览器的Filter Select选择i之后，在控制界面中只显示信息级别的调试信息。

可选的，移动端网页200进行的调试，产生的错误信息通过转换成日志形式输出，包括：预设的调试脚本监听移动端网页200的错误堆栈输出；预设的调试脚本把错误堆栈输出转换成日志输出请求，输出给开发环境浏览器300；开发环境浏览器300接收日志输出请求，接收该日志信息，并且解析日志内容；开发环境浏览器300还原错误堆栈信息，并且输出到开发环境浏览器300的控制界面中显示。

综上所述，本发明实施例提供的一种移动端网页200的远程调试方法至少具有以下有益效果：本发明实施例提供的方案通过调试服务器100作为桥接服务器，使移动端网页200和开发环境浏览器300可以进行通信，调试服务器100可以接收所述开发环境浏览器300发送的针对所述移动端网页200的调试指令；以及转发所述调试指令给所述移动端网页200。

调试服务器100还可以接收所述移动端网页200发送的所述移动端网页200进行调试操作生成的调试日志信息和调试数据信息；调试服务器100还可以转发所述调试日志信息和所述调试数据信息给所述开发环境浏览器300，所述调试日志信息和所述调试数据信息用于指示后续的调试操作。

该方法克服现有移动端网页200只能在移动端环境调试的限制，通过调试服务器100作为桥接服务器，使移动端网页200和开发环境浏览器300可以进行通信，实现了远程调试移动端网页200的技术效果。具体而言，该方法可以暂停加载在移动端网页200的预设的调试脚本的运行执行，并且同时查看运行时变量情况；该方法还可以直接查看日志输出；该方法还可以查看错误堆栈信息。从而使用该移动端网页200的远程调试方法还能够节约开发调试的时间，同时减低调试的难度，从而提高开发效率。

请参照图4所示，为本发明实施例提供的移动端网页200的远程调试装置的功能框图。本发明提供的移动端网页200的远程调试装置可以用于执行如图3所示的调试服务器100侧的远程调试方法，该远程调试装置可以包括第一接收单元110及第一发送单元120。

第一接收单元110，用于接收所述开发环境浏览器300发送的针对所述移动端网页200的调试指令。具体地，第一接收单元110可以用于执行如图3所示的步骤S330，具体执行的操作内容可参照对步骤S330的详细描述，这里不再赘述。

第一发送单元120，用于转发所述调试指令给所述移动端网页200。具体地，第一发送单元120可以用于执行如图3所示的步骤S340，具体执行的操作内容可参照对步骤S340的详细描述，这里不再赘述。

可选的，第一接收单元110，还用于接收所述移动端网页200发送的所述移动端网页200的调试日志信息和调试数据信息。具体地，第一接收单元110还可以用于执行如图3所示的步骤S380，具体执行的操作内容可参照对步骤S380的详细描述，这里不再赘述。

第一发送单元120，还用于转发所述调试日志信息和所述调试数据信息给所述开发环境浏览器300，所述调试日志信息和所述调试数据信息用于指示后续的调试操作。具体地，第一发送单元120还可以用于执行如图3所示的步骤S390，具体执行的操作内容可参照对步骤S390的详细描述，这里不再赘述。

可选的，该远程调试装置还包括处理单元，第一接收单元110，还用于监听所述移动端网页200发送的第一指令；第一接收单元110，还用于监听所述开发环境浏览器300发送的第二指令；处理单元用于匹配所述第一请求指令和所述第二指令；在所述第一指令和所述第二指令匹配时，还用于建立所述移动端网页200到所述调试服务器100，与所述调试服务器100到所述开发环境浏览器300的双向通信通道。

可理解的，所述第一指令包括：请求URL指令和第一指定通道参数指令；所述第二指令包括：URL指令和第二指定通道参数指令。

请参照图5所示，为本发明实施例提供的另一种移动端网页200的远程调试装置的功能框图。本发明提供的移动端网页200的远程调试装置可以用于执行如图3所示的移动端网页200侧的远程调试方法，该远程调试装置可以包括第一执行单元210、第二接收单元220及第二发送单元230。

第一执行单元210，用于根据所述调试指令进行调试操作。具体地，第一执行单元210可以用于执行如图3所示的步骤S360，具体执行的操作内容可参照对步骤S360的详细描述，这里不再赘述。

第二接收单元220，用于接收所述调试服务器100发送的所述调试指令，所述调试指令为所述调试服务器100从开发环境浏览器300接收的。具体地，第二接收单元220可以用于执行如图3所示的步骤S350，具体执行的操作内容可参照对步骤S350的详细描述，这里不再赘述。

该远程调试装置还包括第二发送单元230，用于发送所述调试日志信息和所述调试数据信息给所述调试服务器100，以使所述调试服务器100将所述调试日志信息和调试数据信息转发给所述开发环境浏览器300。具体地，第二发送单元230可以用于执行如图3所示的步骤S370，具体执行的操作内容可参照对步骤S370的详细描述，这里不再赘述。

请参照图6所示，为本发明实施例提供的另一种移动端网页200的远程调试装置的功能框图。本发明提供的移动端网页200的远程调试装置可以用于执行如图3所示的开发环境浏览器300侧的远程调试方法，该远程调试装置可以包括第二执行单元310、第三接收单元320及第三发送单元330。

第二执行单元310，用于生成调试指令；所述调试指令用于指示移动端网页200进行调试操作。具体地，第二执行单元310可以用于执行如图3所示的步骤S310，具体执行的操作内容可参照对步骤S310的详细描述，这里不再赘述。

第三接收单元320，用于接收所述调试服务器100发送的所述调试日志信息和调试数据信息，所述调试日志信息和调试数据信息为所述调试服务器100从移动端网页200接收的。具体地，第三接收单元320可以用于执行如图3所示的步骤S390，具体执行的操作内容可参照对步骤S390的详细描述，这里不再赘述。

第三发送单元330，用于向所述调试服务器100发送所述调试指令。具体地，第三发送单元330可以用于执行如图3所示的步骤S320，具体执行的操作内容可参照对步骤S320的详细描述，这里不再赘述。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可以通过硬件实现，也可以借助软件加必要的通用硬件平台的方式来实现，基于这样的理解，本发明的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施场景所述的方法。

综上所述，本发明实施例提供的一种移动端网页200的远程调试方法及装置至少具有以下有益效果：本发明实施例提供的方法及装置通过调试服务器100作为桥接服务器，使移动端网页200和开发环境浏览器300可以进行通信，调试服务器100可以接收所述开发环境浏览器300发送的针对所述移动端网页200的调试指令；以及调试服务器100还可以转发所述调试指令给所述移动端网页200。

调试服务器100还可以接收所述移动端网页200发送的所述移动端网页200进行调试操作生成的调试日志信息和调试数据信息；调试服务器100还可以转发所述调试日志信息和所述调试数据信息给所述开发环境浏览器300，所述调试日志信息和所述调试数据信息用于指示后续的调试操作。

该方法及装置克服现有移动端网页200只能在移动端环境调试的限制，通过调试服务器100作为桥接服务器，使移动端网页200和开发环境浏览器300可以进行通信，实现了远程调试移动端网页200的技术效果。具体而言，该方法及装置可以暂停加载在移动端网页200的预设的调试脚本的运行执行，并且同时查看运行时变量情况；该方法及装置还可以直接查看日志输出；该方法及装置还可以查看错误堆栈信息。从而使用该移动端网页200的远程调试方法及装置还能够节约开发调试的时间，同时减低调试的难度，从而提高开发效率。

在本发明所提供的实施例中，应该理解到，所揭露的装置、系统和方法，也可以通过其它的方式实现。以上所描述的装置、系统和方法实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。可以替换的，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid StateDisk(SSD))等。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种移动端网页的远程调试方法，其特征在于，应用于调试服务器，所述调试服务器与移动端网页通信连接，所述调试服务器还与开发环境浏览器通信连接，所述方法包括：

接收所述开发环境浏览器发送的针对所述移动端网页的调试指令；

转发所述调试指令给所述移动端网页。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

接收所述移动端网页发送的所述移动端网页的调试日志信息和调试数据信息；

转发所述调试日志信息和所述调试数据信息给所述开发环境浏览器，所述调试日志信息和所述调试数据信息用于指示后续的调试操作。

3.根据权利要求1所述的方法，其特征在于，通过以下步骤建立所述调试服务器分别和所述移动端网页及所述开发环境浏览器之间的通信连接：

监听所述移动端网页发送的第一指令；

监听所述开发环境浏览器发送的第二指令；

匹配所述第一指令和所述第二指令；

在所述第一指令和所述第二指令匹配时，建立所述移动端网页到所述调试服务器，与所述调试服务器到所述开发环境浏览器的双向通信通道。

4.根据权利要求3所述的方法，其特征在于，所述第一指令包括：请求URL指令和第一指定通道参数指令；所述第二指令包括：URL指令和第二指定通道参数指令。

5.一种移动端网页的远程调试方法，其特征在于，应用于移动端网页，所述移动端网页与调试服务器通信连接，所述方法包括：

所述移动端网页接收所述调试服务器发送的调试指令，所述调试指令为所述调试服务器从开发环境浏览器接收的；

所述移动端网页根据所述调试指令进行调试操作。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

所述移动端网页发送调试日志信息和调试数据信息给所述调试服务器，以使所述调试服务器将所述调试日志信息和调试数据信息转发给所述开发环境浏览器。

7.一种移动端网页的远程调试方法，其特征在于，应用于开发环境浏览器，所述开发环境浏览器与调试服务器通信连接，所述方法包括：

所述开发环境浏览器生成调试指令；所述调试指令用于指示移动端网页进行调试操作；

向所述调试服务器发送所述调试指令。

8.一种移动端网页的远程调试装置，其特征在于，应用于调试服务器，所述调试服务器与移动端网页通信连接，所述调试服务器还与开发环境浏览器通信连接，所述装置包括：

第一接收单元，用于接收所述开发环境浏览器发送的针对所述移动端网页的调试指令；

第一发送单元，用于转发所述调试指令给所述移动端网页。

9.一种移动端网页的远程调试装置，其特征在于，应用于移动端网页，所述移动端网页与调试服务器通信连接，所述装置包括：

第一执行单元，用于所述移动端网页根据调试指令进行调试操作；

第二接收单元，用于所述移动端网页接收所述调试服务器发送的所述调试指令，所述调试指令为所述调试服务器从开发环境浏览器接收的。

10.一种移动端网页的远程调试装置，其特征在于，应用于开发环境浏览器，所述开发环境浏览器与调试服务器通信连接，所述装置包括：

第二执行单元，用于所述开发环境浏览器生成调试指令；所述调试指令用于指示移动端网页进行调试操作；

第三发送单元，用于向所述调试服务器发送所述调试指令。