CN104539682A - 移动网页的调试方法、装置、移动终端、服务器以及*** - Google Patents

Abstract

本发明提供一种移动网页的调试方法、装置和***、移动终端、服务器，其中方法包括：通过网络通道向服务器发送调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；执行所述调试指令，并向所述服务器返回指令执行结果。本发明大大提高了页面调试的效率。

Description

移动网页的调试方法、装置、移动终端、服务器以及***

技术领域

本发明涉及网络技术，特别涉及一种移动网页的调试方法、装置、移动终端、服务器以及***。

背景技术

随着终端技术的发展，人们可以在自己的智能手机上通过浏览器打开某个网站，比如，可以在手机上阅读新闻，观看视频等，可以将这种在移动端(如智能手机)打开的网页称为移动网页。在移动网页的运行中可能会出现运行故障，比如刷新页面失败，用户点击页面某个内容查看失败等，此时开发人员要进行页面调试，以查看出现故障的原因并解决问题。当前技术中，移动网页的调试比较困难，因为有的浏览器并不支持在线调试，需要寻找后台的页面代码进行调试；或者，即使浏览器支持调试，也需要将页面运行所在的移动端通过USB数据线与调试设备连接进行调试，这些方式都使得不能够快速的对页面故障进行调试，故障解决的效率较低。

发明内容

有鉴于此，本发明提供一种移动网页的调试方法、装置和***、移动终端、服务器，以提高页面调试效率。

具体地，本发明是通过如下技术方案实现的：

第一方面，提供一种移动网页的调试方法，包括：

通过网络通道向服务器发送调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；

执行所述调试指令，并向所述服务器返回指令执行结果。

第二方面，提供一种移动网页的调试方法，包括：

接收浏览器通过网络通道发送的调试请求，所述调试请求中包括：待调试的所述目标网页的运行参数、以及所述目标网页的运行环境信息；

向所述浏览器发送根据所述运行环境信息和运行参数生成的调试指令；

接收所述浏览器返回的执行所述调试指令后的指令执行结果。

第三方面，提供一种移动网页的调试装置，包括：

调试请求单元，用于通过网络通道向服务器发送调试请求，所述调试请求包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

指令接收单元，用于接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；

指令执行单元，用于执行所述调试指令并向所述服务器返回指令执行结果。

第四方面，提供一种移动网页的调试装置，包括：

请求接收单元，用于接收浏览器通过网络通道发送的调试请求，所述调试请求中包括：待调试的目标网页的运行参数以及所述目标网页的运行环境信息；

指令发送单元，用于向所述浏览器发送根据所述运行环境信息和运行参数生成的调试指令；

结果反馈单元，用于接收所述浏览器返回的执行所述调试指令后的指令执行结果。

第五方面，提供一种移动终端，包括本发明实施例的移动网页的调试装置。

第六方面，提供一种服务器，包括本发明实施例的移动网页的调试装置。

第七方面，提供一种移动网页的调试***，包括：移动终端和服务器；

所述移动终端，用于通过网络通道向服务器发送调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

所述服务器，用于在接收到所述移动终端发送的所述调试请求后，向所述移动终端发送所述调试指令；

所述移动终端，用于接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；以及执行所述调试指令，向所述服务器返回指令执行结果；

所述服务器，用于接收所述移动终端返回的所述指令执行结果。

本发明实施例的移动网页的调试方法、装置和***、移动终端、服务器，通过浏览器和服务器之间可以通过网络通道发送调试请求，以及进行调试指令和调试结果的信息传输，这种方式只要能够连接网络就可以实现快速的页面调试，相对于传统方式中还要通过USB连接才能调试，将不再受到USB连接的限制，大大提高了页面调试的效率。

附图说明

图1是本发明实施例提供的移动网页的调试方法的应用场景；

图2是本发明实施例提供的一种移动网页的调试方法的流程图；

图3是本发明实施例提供的另一种移动网页的调试方法的流程图；

图4是本发明实施例提供的一种移动网页的调试装置的结构示意图；

图5是本发明实施例提供的另一种移动网页的调试装置的结构示意图；

图6是本发明实施例提供的服务器的结构示意图；

图7是本发明实施例提供的移动网页的调试***的结构示意图。

具体实施方式

本发明实施例提供的移动网页的调试方法，应用于对在移动端通过浏览器运行的目标网页进行调试，参见图1，示例了该方法的一种可选的应用场景，移动端以用户的智能手机为例(当然也可以是其他移动终端/移动设备)，该智能手机上通过某个浏览器用户在打开某网站比如乐视网的某个播放页面，当前有可能在该页面的运行中出现了故障，则可以采用本发明实施例的调试方法对该页面进行调试，以解决问题时的页面正常显示。

该调试方法涉及到浏览器端和服务器端，在移动网页的调试中，服务器负责向运行在移动端的浏览器下发调试指令，而浏览器负责执行该调试指令，即根据调试指令的规定来解析和显示页面。具体的，参见图2的流程，该流程例如可以是移动端的浏览器执行，包括：

201、通过网络通道向服务器发送调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

202、接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；

203、执行所述调试指令，并向所述服务器返回指令执行结果。

图3示出的流程是对应的服务器侧，在该调试方法中执行的流程，包括：

301、接收浏览器通过网络通道发送的调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

302、向所述浏览器发送根据所述运行环境信息和运行参数生成的调试指令；

303、接收所述浏览器返回的执行所述调试指令后的指令执行结果。

如下对本实施例的移动网页调试方法进行详细描述：

在步骤201中，智能手机端的浏览器通过网络通道向服务器发送调试请求，该网络通道不同于传统技术中的USB数据线的方式，只要智能手机能连接上网，则运行在该智能手机的浏览器就可以通过网络向服务器发送调试请求。

例如，上述的网络通道可以是，浏览器与服务器之间建立websocket连接，形成的websocket通道。WebSocket是HTML5新增的一种新的协议，它实现了浏览器与服务器之间的双向通信，并且可以做到服务器和浏览器之间的实时通信。WebSocket只需要做一个握手动作，就可以一直保持连接，而且通讯包比较小，一般只有2Bytes。

又例如，上述的网络通道还可以是，浏览器每隔预设的时间间隔与服务器之间建立的通道。这其实相当于一种轮询方式，轮询，即浏览器每隔一段时间就与服务器建立连接，比如，可以每间隔1秒建立一次连接。

对于移动端运行的各种浏览器，比如IE浏览器，360浏览器，火狐浏览器等，可能其中有的浏览器支持WebSocket协议，有的浏览器不支持WebSocket协议。可以设定，浏览器优先采用WebSocket方式与服务器连接，比如浏览器可以首先查询自己是否支持WebSocket，如果支持则采用该WebSocket方式与服务器之间实时通信；对于不支持WebSocket的浏览器，可以采用上述的轮询方式，每隔固定时间就与服务器建立连接。

通过上述的WebSocket或者轮询方式建立的网络通道，浏览器可以向服务器发送调试请求，该请求可以相当于是询问服务器是否有调试指令发出。具体的，浏览器可以将发往服务器的数据以“msg：”开头，该“msg：”相当于是一个请求标识，用于表示向所述服务器请求调试指令。并且，该调试请求中还携带：待调试的目标网页的运行参数、以及目标网页的运行环境信息。

举例说明上述的运行参数和运行环境信息：假设用户在自己的智能手机上打开乐视网的某个页面，页面中正在播放一个动态的广告视频，而用户当前点击了暂停该广告视频，但是暂停失败。那么正常情况下，当用户点击暂停时，可以出现一张暂停的静态图片，也就是浏览器会接收到该包括该静态图片的页面的一些信息，该页面可以称为目标网页，页面信息包括某个静态的视频图片，图片的显示格式，以及页面暂停时的一些控制变量等，这些都可以称为该目标网页加载过程中的一些运行参数。但是发生暂停失败时，即上述目标网页加载失败，此时有可能是生成的这些运行参数发生错误，浏览器无法解析或者无法执行，因此需要上报至服务器端查看。另外，运行环境信息例如包括：当前浏览器所在的手机操作***(andriod或ios)，浏览器版本等，这些也可能是上述故障产生的导致因素，也需要与运行参数一起上报。

当然，调试请求中也可以包括上述的运行参数和运行环境信息之外的其他信息，不再详举，总之都是对查看页面处理失败有参考的信息。这些信息浏览器可以在故障发生的过程中(或者说页面加载的过程中)存储到内存，这样当需要请求调试时，浏览器可以从内存中去除发送给服务器。其中，当要发送的信息比较复杂时，浏览器可以将复杂的对象JSON序列化后发送；在具体实施中，该较为复杂的信息可以是一个数据结构，该数据结构中包括多个层次的子元素信息，包括横向的多个子元素信息以及纵向多层次关联的多个子元素信息，这些信息之间均具有联系。

此外，例如上述的某个页面加载时失败的情况，这是一个过程(比如页面处理过程)，调试请求中携带的信息对应的也是一个过程信息，浏览器可以将这些信息都存储在内存中，并且在收集到该过程对应的全部信息时一次性发送至服务器，这样服务器可以根据全部信息对本次过程的失败原因进行分析。

在步骤302中，服务器在接收到浏览器发送的调试请求后，向浏览器发送根据运行环境信息和运行参数生成的调试指令。例如，仍以上述的用户暂停广告视频失败为例，调试指令可以是改变运行参数中的一部分参数，比如将图片的格式参数改变，或者变更视频图片的显示方式，等，并将更新后的参数发送至浏览器，查看浏览器是否能够正常执行。

其中，调试指令也与运行环境信息有关，因为页面是由浏览器解析显示的，浏览器的版本等环境信息也决定了该浏览器能否正常显示页面，对应的也决定了采用何种调试指令。当然在其他应用场景下，调试指令还可以有多种灵活的形式，比如取临时变量的值(该变量可以是一个与页面运行有关的变量)，旋转屏幕，刷新页面等，本实施例不再详举。

服务器在发送调试指令时，可以携带指令标识，该指令标识用于表示发送的是调试指令。例如可以采用“cmd:”作为指令标识，浏览器接收到以该“cmd:”开头的数据，就可以确定这是一个调试命令。此外，服务器在接收到浏览器发送的调试请求时，如果有调试指令则发送给浏览器，如果没有则可以不发送。

在步骤203中，浏览器在接收到调试指令后，执行该调试指令，并向所述服务器返回指令执行结果。比如，浏览器可以执行调试指令中更新后的运行参数，重新加载一次广告暂停页面，指令执行后可能再次加载成功，也可能再次加载失败，浏览器再将指令执行结果通知服务器。例如，当根据调试指令再次加载页面失败时，浏览器可以将失败结果和失败原因等作为指令执行结果返回给服务器侧。

本实施例的移动网页的调试方法，浏览器和服务器之间可以通过网络通道发送调试请求，以及进行调试指令和调试结果的信息传输，这种方式只要能够连接网络就可以实现快速的页面调试，相对于传统方式中还要通过USB连接才能调试，将不再受到USB连接的限制，大大提高了页面调试的效率；并且本实施例的方法即使对于不支持USB连接调试的浏览器也可以调试，即该方法可以兼容各种类型的浏览器。

更进一步的，服务器侧的调试指令，可以是预设在服务器的，也可以是故障排查人员(即负责页面调试的人员)录入在服务器的。比如，当浏览器通过调试请求将运行参数和运行环境信息发送至服务器侧之后，在服务器侧的故障排查人员可以查看这些参数信息，确定故障有可能出现在什么地方，并对应的录入调试指令，比如修改哪些参数，然后通过服务器将这些调试指令发送至浏览器执行。

此外，故障排查人员也可能不是随时随地的处于服务器侧，为了方便排查人员能够随时参与页面的调试，随时进行远程操控页面调试，本实施例中的服务器还可以在接收到运行参数和运行环境信息后，发送至控制终端，该控制终端可以是排查人员自己的移动终端比如手机，或者是排查人员自己的电脑等。服务器可以将上述信息实时传递至控制终端，排查人员实时查看，在确定调试指令后，排查人员通过自己的控制终端将指令传输至服务器，再由服务器转发至浏览器。同理，浏览器在接收到浏览器返回的指令执行结果之后，还可以将该结果发送至控制终端，以供排查人员实时查看结果并进行下一步的操控。

此外，上述的浏览器和服务器之间执行的调试过程，可以是在出现页面处理失败的情况时执行，如果浏览器能够正常显示网页，可以不需要执行该调试方法。具体实施中，可以由用户来触发该调试过程的开启，例如，用户在自己的智能手机上打开某个网页时失败，此时用户可以在浏览器的地址栏中输入预设的地址参数“arkDebug”，输入该地址参数就相当于请求调试，浏览器检测到地址栏输入该地址参数时，就确定接收到了调试开启的指示，则浏览器开始与服务器建立网络通道的连接，并向服务器发送调试请求。并且如上面所述的，浏览器在加载页面过程中的一些信息(比如运行参数)已经存储在内存中，则从内存中取出该信息携带在调试请求中发送给服务器即可。

更进一步的，用户还可以通过设置地址参数“arkDebug”的取值来设定浏览器与服务器的连接方式。例如，可以在地址栏输入“arkDebug＝2”，则浏览器据此可以确定，支持WebSocket浏览器的使用WebSocket通信，不支持的使用轮询方式通信，浏览器将首先判断自己是否支持WebSocket。如果浏览器不支持WebSocket，则浏览器可以自动将arkDebug的值降低，降为“arkDebug＝1”，并开始采用轮询方式与服务器建立网络通道。

采用本发明实施例的移动网页的调试方法，可以随时随地的快速定位页面加载方面的问题，并且排查人员还可以提供远程指导，帮助用户解决问题；也方便了开发人员调试，大大提升了开发效率。此外，该方法由用户来设定是否采用该方法调试(比如设置地址参数开启调试)，而且调试中传输的数据包也比较少，用一台服务器即可满足调试需求，也不会耗费用户很多流量。并且，该方式通过指令标识(比如cmd)标识指令即可，可以自定义指令，灵活性强。

本发明实施例提供了一种移动网页的调试装置，该装置应用于移动端的浏览器，浏览器通过包括该移动网页的调试装置，使得该浏览器能够执行上述的移动网页的调试方法；并且所述浏览器运行待调试的目标网页。

图4示出了该移动网页的调试装置的结构，如下对该装置的结构做简单说明，其具体原理可以结合参见方法实施例。如图4所示，该装置包括：调试请求单元41、指令接收单元42和指令执行单元43。

调试请求单元41，用于通过网络通道向服务器发送调试请求，该调试请求包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

指令接收单元42，用于接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；

指令执行单元43，用于执行调试指令并向所述服务器返回指令执行结果。

进一步的，调试请求单元41，具体用于与所述服务器之间建立Web socket通道作为网络通道，并通过所述Web socket通道向所述服务器发送调试请求。

进一步的，调试请求单元41，具体用于每隔预设的时间间隔与所述服务器之间建立网络通道，并通过所述网络通道向所述服务器发送调试请求。

进一步的，调试请求单元41，具体用于在接收到调试开启指示时，通过所述网络通道向所述服务器发送调试请求，所述调试开启指示是检测到的在浏览器地址栏输入的预设地址参数。

本发明实施例提供了一种移动网页的调试装置，该装置应用于服务器，图5示出了该装置的结构，如下对该装置的结构做简单说明，其具体原理可以结合参见方法实施例。如图5所示，该装置可以包括：请求接收单元51、指令发送单元52和结果反馈单元53。

请求接收单元51，用于接收浏览器通过网络通道发送的调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及目标网页的运行环境信息；

指令发送单元52，用于向所述浏览器发送根据所述运行环境信息和运行参数生成的调试指令；

结果反馈单元53，用于接收所述浏览器返回的执行所述调试指令后的指令执行结果。

进一步的，结果反馈单元53，还用于将所述调试请求中的运行参数和运行环境信息发送至控制终端，并接收所述控制终端返回的根据运行参数和运行环境信息确定的调试指令；还用于将所述浏览器返回的指令执行结果发送至所述控制终端。

本领域内的技术人员应明白，上述各实施例可提供为方法、装置、或计算机程序产品。这些实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。上述各实施例涉及的方法中的全部或部分步骤可以通过程序来指令相关的硬件来完成，所述的程序可以存储于计算机设备可读取的存储介质中，用于执行上述各实施例方法所述的全部或部分步骤。所述计算机设备，包括但不限于：个人计算机、服务器、通用计算机、专用计算机、网络设备、嵌入式设备、可编程设备、智能移动终端、智能家居设备、穿戴式智能设备、车载智能设备等；所述的存储介质，包括但不限于：RAM、ROM、磁碟、磁带、光盘、闪存、U盘、移动硬盘、存储卡、记忆棒、网络服务器存储、网络云存储等。

本发明实施例还提供了一种服务器，该服务器的结构可以参见图6，该服务器可以包括：处理器(processor)610，通信接口(Communications Interface)620，存储器(memory)630，总线640。处理器610，通信接口620，存储器630通过总线640完成相互间的通信。通信接口620，用于与网元通信，比如与移动终端之间进行通信等。处理器610，用于执行逻辑指令，该逻辑指令的结构可以参见图5所示的移动网页的调试装置的结构，不再赘述。处理器610可能是一个中央处理器CPU，或者是特定集成电路6，或者是被配置成实施本发明实施例的一个或多个集成电路。该服务器的处理器610通过执行逻辑指令从而实现对移动网页的调试方法。

本发明实施例还提供了一种移动终端，该移动终端的结构与图6的结构类似，只是处理器调用执行的逻辑指令具体参见图4所示的移动网页的调试装置的结构，以执行移动终端对应的移动网页的调试方法。

本发明实施例还提供了一种移动网页的调试***，该***的结构可以参见图7，包括移动终端71和服务器72；其中，

移动终端71，用于通过网络通道向服务器发送调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

服务器72，用于在接收到所述移动发送的所述调试请求后，向所述移动终端发送所述调试指令；

移动终端71，用于接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；以及执行所述调试指令，向所述服务器返回指令执行结果；

服务器72，用于接收所述移动终端返回的所述指令执行结果。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (18)

1.一种移动网页的调试方法，其特征在于，包括：

通过网络通道向服务器发送调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；

执行所述调试指令，并向所述服务器返回指令执行结果。

2.根据权利要求1所述的方法，其特征在于，所述网络通道包括：本地与所述服务器之间建立的Web socket通道。

3.根据权利要求1所述的方法，其特征在于，所述网络通道包括：本地每隔预设的时间间隔与所述服务器之间建立的通道。

4.根据权利要求2或3所述的方法，其特征在于，在所述通过网络通道向服务器发送调试请求之前，还包括：

接收到调试开启指示，所述调试开启指示是检测到的在浏览器地址栏输入的预设地址参数。

5.根据权利要求1所述的方法，其特征在于，所述调试请求中携带请求标识，所述请求标识用于表示向所述服务器请求调试指令。

6.一种移动网页的调试方法，其特征在于，包括：

接收浏览器通过网络通道发送的调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

向所述浏览器发送根据所述运行环境信息和运行参数生成的调试指令；

接收所述浏览器返回的执行所述调试指令后的指令执行结果。

7.根据权利要求6所述的方法，其特征在于，所述网络通道包括：所述浏览器与本地之间建立的web socket通道，或者，所述浏览器每隔预设的时间间隔与本地之间建立的通道。

8.根据权利要求6所述的方法，其特征在于，在向所述浏览器发送调试指令时，携带指令标识，所述指令标识用于表示发送的是调试指令。

9.根据权利要求6所述的方法，其特征在于，在所述接收浏览器通过网络通道发送的调试请求之后，向所述浏览器发送根据所述运行环境信息和运行参数生成的调试指令之前，还包括：

将所述调试请求中的运行参数和运行环境信息发送至控制终端，以由所述控制终端根据所述运行参数和运行环境信息确定调试指令；

接收所述控制终端发送的所述调试指令；

在所述接收所述浏览器返回的执行所述调试指令后的指令执行结果之后，还包括：将所述指令执行结果发送至所述控制终端。

10.一种移动网页的调试装置，其特征在于，包括：

调试请求单元，用于通过网络通道向服务器发送调试请求，所述调试请求包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

指令接收单元，用于接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；

指令执行单元，用于执行所述调试指令并向所述服务器返回指令执行结果。

11.根据权利要求10所述的装置，其特征在于，

所述调试请求单元，具体用于与所述服务器之间建立Web socket通道作为网络通道，并通过所述Web socket通道向所述服务器发送调试请求。

12.根据权利要求10所述的装置，其特征在于，

所述调试请求单元，具体用于每隔预设的时间间隔与所述服务器之间建立网络通道，并通过所述网络通道向所述服务器发送调试请求。

13.根据权利要求11或12所述的装置，其特征在于，

所述调试请求单元，具体用于在接收到调试开启指示时，通过所述网络通道向所述服务器发送调试请求，所述调试开启指示是检测到的在浏览器地址栏输入的预设地址参数。

14.一种移动网页的调试装置，其特征在于，包括：

请求接收单元，用于接收浏览器通过网络通道发送的调试请求，所述调试请求中包括：待调试的目标网页的运行参数以及所述目标网页的运行环境信息；

指令发送单元，用于向所述浏览器发送根据所述运行环境信息和运行参数生成的调试指令；

结果反馈单元，用于接收所述浏览器返回的执行所述调试指令后的指令执行结果。

15.根据权利要求14所述的装置，其特征在于，

所述结果反馈单元，还用于将所述调试请求中的运行参数和运行环境信息发送至控制终端，并接收所述控制终端返回的根据运行参数和运行环境信息确定的调试指令；还用于将所述浏览器返回的指令执行结果发送至所述控制终端。

16.一种移动终端，其特征在于，包括：权利要求10-13任一所述的移动网页的调试装置。

17.一种服务器，其特征在于，包括：权利要求14或15所述的移动网页的调试装置。

18.一种移动网页的调试***，其特征在于，包括：移动终端和服务器；

所述移动终端，用于通过网络通道向服务器发送调试请求，所述调试请求中包括：待调试的目标网页的运行参数、以及所述目标网页的运行环境信息；

所述服务器，用于在接收到所述移动发送的所述调试请求后，向所述移动终端发送所述调试指令；

所述移动终端，用于接收所述服务器返回的调试指令，所述调试指令是根据所述运行环境信息和运行参数生成；以及执行所述调试指令，向所述服务器返回指令执行结果；

所述服务器，用于接收所述移动终端返回的所述指令执行结果。