本发明涉及移动设备测试领域，特别涉及一种页面远程调试方法。
背景技术：
随着移动终端数量的大幅增长，网络页面越来越多地被在移动终端上进行浏览。在移动终端上部署网络页面以提供进行访问时，需要对页面的显示情况进行调试，以便在移动终端上的网络页面在各种不同移动系统的平台能够被正常的进行显示。
现有技术中，对移动终端上的网络页面进行调试时，使用weinre进行移动终端页面的调试，运行weinre并在页面中引入weinre的远程脚本对页面进行调试，但这种方法需要weinre工具，并且需要拥有webinsrect的浏览器才能准确完成的调试工作。
为此，需要一种新的页面的远程调试方法。
技术实现要素：
为此，本发明提供一种页面的远程调试方法，以力图解决或者至少缓解上面存在的问题。
根据本发明的一个方面，提供了一种页面的远程调试方法，适于在客户端中执行，方法包括步骤：根据第一协议与服务器建立第一通信连接；在所建立的第一通信连接中，接收服务器根据客户端的状态而确定的第二协议；根据所确定的第二协议与服务器建立第二通信连接；经由第二通信连接接收来自服务器的调试指令；以及解析调试指令并执行所解析的调试指令，以便操作页面内的各个页面元素。
可选地，再根据本发明的一种页面的远程调试方法中，还包括步骤：在客户端中显示客户端与服务器连接的状态和服务器发送的调试指令。
可选地，再根据本发明的一种页面的远程调试方法中，还包括步骤：在建立第一通信连接之前，获取服务器的地址并向服务器发送标识，以标识客户端并接收来自服务器的调试指令。
可选地，再根据本发明的一种页面的远程调试方法中，第二通信连接为长连接，方法还包括：在建立长连接后，向服务器发送心跳并接收服务器发送的心跳，以监控是否与服务器保持长连接；若判断保持长连接则接收服务器发送的调试指令。
可选地，再根据本发明的一种页面的远程调试方法中，调试指令包括类型标识，解析调试指令并执行所解析的调试指令包括：根据调试指令的类型标识确定调试指令的类型；选择与该类型的调试指令相对应的解析器对该调试指令进行解析。
可选地，再根据本发明的一种页面的远程调试方法中，解析调试指令并执行所解析的调试指令还包括：若解析的调试指令为页面调试指令，则定位所要调试的页面元素，并向页面元素添加样式。
可选地，再根据本发明的一种页面的远程调试方法中，解析调试指令并执行所解析的调试指令还包括：若解析的调试指令为脚本调试指令，则定位所要调试的页面元素，并执行调试指令对应的脚本。
可选地，再根据本发明的一种页面的远程调试方法中，客户端适于在页面中嵌入脚本，并在对页面进行调试时，执行脚本以执行方法。
根据本发明的一个方面，提供了一种页面的远程调试方法，适于在服务器中执行，方法包括步骤：向客户端发送服务器的地址并接收来自客户端的标识；根据第一协议与客户端建立第一通信连接；在所建立的第一通信连接中，向客户端发送根据客户端的状态而确定的第二协议；根据所确定的第二协议与客户端建立第二通信连接；以及经由第二协议向客户端发送调试指令。
根据本发明的一个方面，提供了一种页面的远程调试系统，包括服务器、和多个客户端，服务器与多个客户端通信连接；服务器适于向客户端发送服务器地址并接收来自客户端的标识，根据第一协议与客户端建立第一通信连接，在所建立的第一通信连接中，向客户端发送根据客户端的状态而确定的第二协议，根据所确定的第二协议与客户端建立第二通信连接，经由第二协议向客户端发送调试指令；客户端适于获取服务器的地址并向服务器发送标识，根据第一协议与服务器建立第一通信连接；在所建立的第一通信连接中，接收服务器根据客户端的状态而确定的第二协议；根据所确定的第二协议与服务器建立第二通信连接；经由第二通信连接接收来自服务器的调试指令；解析调试指令并执行所解析的调试指令，以便操作页面内的各个页面元素。
可选地，在根据本发明的一种页面的远程调试系统中，客户端中贮存有通信组件，指令解析组件，指令执行组件和显示组件；通信组件适于与服务器建立第一通信连接和第二通信连接；指令解析组件中包括不同类型的调试指令解析器，适于解析不同类型的调试指令；指令执行组建中包括不同类型的调试指令执行器，适于执行不同类型的调试指令；显示组件适于显示客户端与服务器连接的状态和服务器发送的调试指令。
根据本发明的另一方面，提供了一种计算设备，包括：一个或多个处理器；存储器；以及一个或多个程序，其中一个或多个程序存储在存储器中并被配置为由一个或多个处理器执行，一个或多个程序包括用于执行根据本发明的一种页面的远程调试方法的任一方法的指令。
根据本发明的还有一个方面，提供了一种存储一个或多个程序的计算机可读存储介质，一个或多个程序包括指令，该指令当由计算设备执行时，使得计算设备执行根据本发明的一种页面的远程调试方法中的任一方法。
根据本发明的方案，提供一种页面的远程调试方法，在客户端和服务器中执行，客户端根据第一协议与服务器建立第一和第二通信连接，其中，第二通信连接在第一通信连接的基础上建立，并且根据客户端的状态确定第二协议以建立第二通信连接。客户端在页面中注入脚本，并运行脚本以完成与服务器建立第一和第二通信连接，第一通信连接为短链接，第二通信连接为长连接，在短链接的基础上建立长连接以提供稳定的调试环境。
客户端在页面中注入的脚本经由第二链接接收来自服务器发送的调试指令，并调用脚本中的组件解析和执行调试指令，以便调试页面内的各个页面元素，从而对在客户端中显示的页面中的元素进行样式和脚本调试，并且调试的时候不受移动端操作系统的限制，不依赖安装的应用即可远程进行调试。在解析和执行调试指令时，根据调试指令的不同选择不同的指令解析器对指令进行解析，并选择相应的指令执行器执行调试指令，完成对客户端页面中元素的调试。
附图说明
为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的部件或元素。
图1示出了根据本发明一个实施例的一种页面的远程调试系统100的示意图；
图2示出了根据本发明一个示范性实施例的计算设备200的结构框图；
图3示出了根据本发明一个示范性实施例的客户端300的结构框图；以及
图4示出了根据本发明一个实施例的一种页面的远程调试方法400的流程图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的一种页面的远程调试系统100的示意图，图1中的示出了页面的远程调试系统仅仅是是示例性的。如图1所示，页面的远程调试系统100包括1个服务器110和数个客户端120a-120n。其中，服务器110分别与数个客户端120a-120n通信连接，并能够进行数据传输。
服务器110可以实现为现有技术中任何一种能够实现页面远程调试的服务器，本发明对服务器110的具体种类不作限制。在本发明的实施例中，服务器110可以实现为一种计算设备，使得该计算设备作为服务器110，组成本发明的一种页面的远程调试系统100。
图2示出了根据本发明一个示范性实施例的计算设备200的结构框图。如图2所示，在基本的配置202中，计算设备200典型地包括系统存储器206和一个或者多个处理器204。存储器总线208可以用于在处理器204和系统存储器206之间的通信。
取决于期望的配置，处理器204可以是任何类型的处理，包括但不限于：微处理器(μp)、微控制器(μc)、数字信息处理器(dsp)或者它们的任何组合。处理器204可以包括诸如一级高速缓存210和二级高速缓存212之类的一个或者多个级别的高速缓存、处理器核心214和寄存器216。示例的处理器核心214可以包括运算逻辑单元(alu)、浮点数单元(fpu)、数字信号处理核心(dsp核心)或者它们的任何组合。示例的存储器控制器218可以与处理器204一起使用，或者在一些实现中，存储器控制器218可以是处理器204的一个内部部分。
取决于期望的配置，系统存储器206可以是任意类型的存储器，包括但不限于：易失性存储器(诸如ram)、非易失性存储器(诸如rom、闪存等)或者它们的任何组合。系统存储器206可以包括操作系统220、一个或者多个程序222以及程序数据224。在一些实施方式中，程序222可以布置为在操作系统上由一个或者多个处理器204利用程序数据224执行指令。
计算设备200还可以包括有助于从各种接口设备(例如，输出设备242、外设接口244和通信设备246)到基本配置202经由总线/接口控制器230的通信的接口总线240。示例的输出设备242包括图形处理单元248和音频处理单元250。它们可以被配置为有助于经由一个或者多个a/v端口252与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外设接口244可以包括串行接口控制器254和并行接口控制器256，它们可以被配置为有助于经由一个或者多个i/o端口258和诸如输入设备(例如，键盘、鼠标、笔、语音输入设备、触摸输入设备)或者其他外设(例如打印机、扫描仪等)之类的外部设备进行通信。示例的通信设备246可以包括网络控制器260，其可以被布置为便于经由一个或者多个通信端口264与一个或者多个其他计算设备262通过网络通信链路的通信。
网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块，并且可以包括任何信息递送介质。“调制数据信号”可以这样的信号，它的数据集中的一个或者多个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例，通信介质可以包括诸如有线网络或者专线网络之类的有线介质，以及诸如声音、射频(rf)、微波、红外(ir)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存储介质和通信介质二者。
在根据本发明的计算设备200中，应用222包括执行一种页面的远程调试方法400的多条程序指令，这些程序指令可以指示处理器204执行本发明的一种页面的远程调试方法400中的部分步骤，以便服务器110通过执行本发明的一种页面的远程调试方法400来实现对客户端120a-120n中页面的远程调试。
计算设备200可以实现为服务器，例如文件服务器、数据库服务器、应用程序服务器等，这些电子设备可以是诸如个人数字助理(pda)、无线网络浏览设备、应用专用设备、或者可以包括上面任何功能的混合设备。可以实现为包括桌面计算机和笔记本计算机配置的个人计算机，也在一些实施例中，计算设备200被配置为执行一种页面的远程调试方法400。
根据本发明的一个实施例的一种页面的远程调试系统中的客户端120a-120n可以是智能手机、平板电脑等，但不限于此。图3示出了根据本发明一个实施例的客户端300的结构框图。客户端300可以包括存储器接口302、一个或多个数据处理器、图像处理器和/或中央处理单元304，以及外围接口306。
存储器接口302、一个或多个处理器304和/或外围接口306既可以是分立元件，也可以集成在一个或多个集成电路中。在客户端300中，各种元件可以通过一条或多条通信总线或信号线来耦合。传感器、设备和子系统可以耦合到外围接口306，以便帮助实现多种功能。
例如，运动传感器310、光线传感器312和距离传感器314可以耦合到外围接口306，以方便定向、照明和测距等功能。其他传感器316同样可以与外围接口306相连，例如定位系统(例如gps接收机)、温度传感器、生物测定传感器或其他感测设备，由此可以帮助实施相关的功能。
相机子系统320和光学传感器322可以用于方便诸如记录照片和视频剪辑的相机功能的实现，其中所述相机子系统和光学传感器例如可以是电荷耦合器件(ccd)或互补金属氧化物半导体(厘米os)光学传感器。可以通过一个或多个无线通信子系统324来帮助实现通信功能，其中无线通信子系统可以包括射频接收机和发射机和/或光(例如红外)接收机和发射机。无线通信子系统623的特定设计和实施方式可以取决于客户端300所支持的一个或多个通信网络。例如，客户端300可以包括被设计成支持lte、3g、gsm网络、gprs网络、edge网络、wi-fi或wimax网络以及blueboothtm网络的通信子系统324。
音频子系统326可以与扬声器328以及麦克风330相耦合，以便帮助实施启用语音的功能，例如语音识别、语音复制、数字记录和电话功能。i/o子系统340可以包括触摸屏控制器342和/或一个或多个其他输入控制器344。触摸屏控制器342可以耦合到触摸屏346。举例来说，该触摸屏346和触摸屏控制器342可以使用多种触摸感测技术中的任何一种来检测与之进行的接触和移动或是暂停，其中感测技术包括但不局限于电容性、电阻性、红外和表面声波技术。一个或多个其他输入控制器344可以耦合到其他输入/控制设备348，例如一个或多个按钮、摇杆开关、拇指旋轮、红外端口、usb端口、和/或指示笔之类的指点设备。所述一个或多个按钮(未显示)可以包括用于控制扬声器328和/或麦克风330音量的向上/向下按钮。
存储器接口302可以与存储器350相耦合。该存储器350可以包括内部存储器和外部存储器，内部存储器例如可以是静态随机存取存储器(sram)、非易失性存储器(nvram)等，但不限于此；外部存储器例如可以是硬盘、可移动硬盘、u盘等，但不限于此。存储器350可以存储程序指令，程序指令例如可以包括操作系统352和应用354。操作系统352例如可以是android、ios、windowsphone等，其包括用于处理基本系统服务以及执行依赖于硬件的任务的程序指令。存储器350还可以存储应用354，应用354可以包括用于实现各种用户期望的功能的程序指令。应用354可以是独立于操作系统提供的，也可以是操作系统自带的。另外，应用354被安装到客户端300中时，也可以向操作系统添加驱动模块。在客户端300运行时，会从存储器350中加载操作系统352，并且由处理器304执行。应用354在运行时，也会从存储器350中加载，并由处理器304执行。应用354运行在操作系统之上，利用操作系统以及底层硬件提供的接口实现各种用户期望的功能，如即时通信、网页浏览、图片管理、运动休闲等。在上述各种应用354中，其中的一种为根据本发明的客户端300中的一种页面的远程调试系统100中驻留的脚本，处理器304可以执行一种页面的远程调试方法400中的步骤对脚本进行执行。
返回到结合图1所描述的一种页面的远程调试系统100，服务器110适于向客户端120a-120n发送服务器110地址并接收来自客户端120a-120n的标识，服务器110包括存储模块111，提供存储功能，接收标识后对标识进行保存，并进而对连接的客户端120a-120n进行管理；根据第一协议与客户端120a-120n建立第一通信连接，在所建立的第一通信连接中，向客户端120a-120n发送根据客户端120a-120n的状态而确定的第二协议，根据所确定的第二协议与客户端120a-120n建立第二通信连接，经由第二协议向客户端120a-120n发送调试指令。
服务器110还能够向连接的客户端120a-120n发送心跳，并接收来自客户端120a-120n发送的心跳以判断是否还与客户端120a-120n保持连接状态，若判断已经与客户端120a-120n失去连接，则从存储的客户端标识中将已经失去连接的客户端120a-120n的标识删除，也能够主动将存储的客户端120a-120n的标识删除，以断开与客户端120a-120n的连接。
客户端120a-120n适于获取服务器110的地址并向服务器110发送标识，根据第一协议与服务器110建立第一通信连接；在所建立的第一通信连接中，接收服务器110根据客户端120a-120n的状态而确定的第二协议；根据所确定的第二协议与服务器110建立第二通信连接；经由第二通信连接接收来自服务器110的调试指令；解析调试指令并执行所解析的调试指令，以便操作页面内的各个元素。
客户端120a-120n还能够向连接的服务器110发送心跳，并接受来自服务器110发送的心跳以判断是否与服务器110保持连接状态，若判断与服务器110失去连接，选择与服务器110进行重新连接或者直接结束远程调试。客户端120a-120n也同时能够选择与服务器110主动断开通信连接，结束测试。
客户端120a-120n中还适于在页面中嵌入脚本，并在对页面进行调试时，执行脚本以执行一种页面的远程调试方法400。脚本包括：通信组件121，指令解析组件122，指令执行组件123和显示组件124，以完成与服务器110建立连接并完成页面的远程调试。
其中，通信组件121建立连接通道和进行协议解析，适于与服务器110建立第一通信连接和第二通信连接。第一通信连接为http协议链接，客户端120a-120n与服务器110通过http协议建立一次性连接。为了实现对客户端120a-120n页面的远程调试，需要建立持久稳定的链接以对页面中的元素进行测试。第二通信连接为长连接，包括websocket协议的链接和longpolling协议的链接。
指令解析组件122中包括不同类型的调试指令解析器，适于解析不同类型的调试指令，服务器110向客户端120a-120n发送多种调试指令，包括页面调试指令和脚本调试指令，页面调试指令对页面中元素的样式进行调试，包括颜色，形状和显示的位置等，脚本调试指令对页面中元素所触发的事件进行调试。调试指令解析器包括页面调试指令解析器和脚本调试指令解析器，分别对所对应的调试指令进行解析。
指令执行组件123中包括不同类型的调试指令执行器，适于执行不同类型的调试指令。调试指令执行器包括页面调试指令执行器和脚本调试指令解析器。页面调试指令执行器将页面调试指令解析器解析后的指令进行执行，脚本调试指令执行器将脚本调试指令解析器解析后的指令进行执行。
显示组件124适于显示客户端120a-120n与服务器连接的状态和服务器110发送的调试指令，客户端120a-120n与服务器110连接的状态包括保持连接和断开连接。
图4示出了根据本发明一个实施例的一种页面的远程调试方法400的流程图。方法400适于在一种页面的远程调试系统中执行，如在服务器110和客户端120a-120n中执行，服务器110与多个客户端120a-120n之间通信连接。下面以客户端120a为例，对一种页面的远程调试方法400进行说明，如图4所示，页面的远程调试方法400始于步骤s410。
在步骤s410中，客户端120a根据第一协议与服务器110建立第一通信连接。客户端120a中贮存的组件包括通信组件121a，通信组件122a，通信组件123a和显示组件124a，在建立通信协议前，将组件进行初始化。服务器110向客户端120a发送服务器110的地址，以便客户端120a与服务器110建立通信连接。客户端120a中通信组件121a获取服务器110发送的地址并向服务器110发送唯一标识，以标识唯一客户端120a。通过该唯一标识，服务器110能够确定唯一客户端120a，将调试指令发送到客户端120a，客户端120a能够接受到来自服务器110特定的调试指令。客户端120a采用uuid作为标识来标识页面。客户端120a向服务器110发送客户端120a的标识时，还发送一些其他信息，包括useragent和当前页面连接的url等，服务器110将这些其他信息与来自客户端120a的标识一并进行保存，以备注标识对应连接的客户端120a的详细信息。服务器110在接收到来自客户端120a的标识后，将标识存储在存储模块。存储模块提供存储功能，接收标识后对标识进行保存，并进而对连接的客户端120a进行管理。客户端120a中贮存的通信组件121a与服务器110按照http协议建立第一通信连接。
随后，执行步骤s420，客户端120a在所建立的第一通信连接中，接收服务器110根据客户端120a的状态而确定的第二协议。服务器110首先判断客户端120a的浏览器是否支持websocket，若支持websocket，则将websocket协议作为与客户端120a建立第二通信的通信协议，即第二协议；将websocket协议按照客户端120a的标识发送到特定的客户端120a，客户端120a接收来自服务器110发送的第二协议，即websocket协议。
若判断客户端120a的浏览器不支持websocket协议，则将longpolling协议作为与客户端120a建立第二通行的通信协议，即第二协议；将longpolling协议按照客户端120a的标识发送到特定的客户端120a，客户端120a接受来自服务器110发送的第二协议，即longpolling协议。
随后，执行步骤s430，客户端120a根据所确定的第二协议与服务器110建立第二通信连接，若第二协议为websocket协议，则客户端120a按照websocket协议与服务器110建立第二通信连接；若第二协议为longpolling协议，则客户端120a按照longpolling协议与服务器110建立第二通信连接。
客户端120a与服务器110建立完毕第二通信连接后，客户端120a中显示组件124a显示与服务器110的连接状态，连接状态包括保持连接和断开连接。
客户端120a根据所确定的第二协议与服务器110建立第二通信连接后，服务器110向连接的客户端120a发送心跳，并接收来自客户端120a的心跳以判断是否还与客户端120a保持连接状态，若判断已经与客户端120a失去连接，则从存储的客户端120a标识中将已经失去连接的客户端120a的标识删除，也能够主动将存储的客户端120a的标识删除，以断开与客户端120a的连接。
客户端120a同时向服务器110发送心跳并接收服务器110发送的心跳，以监控是否与服务器110保持长连接，若判断与服务器110失去连接，能够选择与服务器110进行重新连接或者直接结束远程调试。客户端120a也同时能够选择与服务器110主动断开通信连接，结束测试。
客户端120a若判断与服务器110保持长连接则接收所述服务器110发送的调试指令，则执行步骤s440，经由第二通信连接接收来自服务器110的调试指令。服务器110经由第二通信连接向标识对应的特定客户端120a发送调试指令。调试指令具有不同类型，包括界面调试指令和脚本调试指令。
调试指令的内容包括要调试指令的类型标识，不同调试指令包括不同的类型标识，不同的类型标识对应不同类型的调试指令；还包括所要调试的元素的位置，调试指令的内容和调试指令的执行方式。所要调试的元素的位置为所要调试的元素在客户端120a的浏览器页面中所显示的位置。页面调试指令的调试指令的内容包括对页面中元素的样式进行调试，包括颜色，形状和显示的位置等进行调试；脚本调试指令的内容包括对页面中元素所触发的事件进行调试。调试指令的执行方式包括dom操作方式和style操作方式,dom操作方式包括添加和处理多种事件，style操作方式包括改变目标页面元素的各种属性。
客户端120a在接受到来自服务器110发送的调试指令后，贮存在客户端120a的显示组件124a对调试指令予以显示。
随后，执行步骤s450，解析调试指令并执行所解析的调试指令，以便操作页面内的各个页面元素。服务器110根据所述调试指令的类型标识确定所述调试指令的类型，并选择与该类型的调试指令相对应的解析器对该调试指令进行解析。客户端120a中驻留的通信组件121a接收到调试命令后，根据调试指令中的不同类型标识判断调试指令的类型，并根据调试指令的类型调用不同的调试指令解析器。驻留在客户端120a中的通信组件122a包括页面调试指令解析器和脚本调试指令解析器，客户端120a调用不同的调试指令解析器对不同的调试指令进行解析，解析后调用不同类型调试指令对应的调试指令执行器执行调试指令驻留存在客户端120a中的通信组件123a包括与不同调试指令对应的调试指令执行器。
根据本发明的一个实施例，当服务器110向客户端120a发送的是页面调试指令时，一个页面调试指令的示例如下：
客户端120a接收到该页面调试指令后，显示组件124a对调试指令予以显示，通信组件121a根据该页面调试指令中的调试指令标识即commandtype为ui，判断该调试指令为页面调试指令，随后调用页面调试指令解析器，对页面调试指令进行解析，解析得到页面调试指令中，要调试的页面元素的路径为xx,要执行的内容为"background-color":"red"，将背景颜色设为红色，执行的方式为dom，对元素样式进行添加或处理。解析完毕后，调用页面调试指令执行器执行上述指令。
根据本发明的一个实施例，当服务器110向客户端120a发送的是脚本调试指令时，一个页面调试指令的示例如下：
{"elementpath":"xx",
"commandtype":"js",
"commandsubtype":"eval",
"commandcontent":
{
"script":"xxx"
}
}
客户端120a接收到该脚本调试指令后，显示组件124a对调试指令予以显示，通信组件121a根据该页面调试指令中的调试指令标识即commandtype为js，判断该调试指令为脚本调试指令，随后调用脚本调试指令解析器解析器，对脚本调试指令进行解析，解析得到脚本调试指令中，要调试的页面元素的路径为xx,要执行的内容为"script":"xxx"，执行方式为eval，执行对应的script脚本。解析完毕后，调用脚本调试指令执行器执行上述组件。
根据本发明的方案，提供一种页面的远程调试方法，在客户端和服务器中执行，客户端根据第一协议与服务器建立第一和第二通信连接，其中，第二通信连接在第一通信连接的基础上建立，并且根据客户端的状态确定第二协议以建立第二通信连接。客户端在页面中注入脚本，并运行脚本以完成与服务器建立第一和第二通信连接，第一通信连接为短链接，第二通信连接为长连接，在短链接的基础上建立长连接以提供稳定的调试环境。客户端在页面中注入的脚本经由第二链接接收来自服务器发送的调试指令，并调用脚本中的组件解析和执行调试指令，以便调试页面内的各个页面元素，从而对在客户端中显示的页面中的元素进行样式和脚本调试，并且调试的时候不受移动端操作系统的限制，不依赖安装的应用即可远程进行调试。在解析和执行调试指令时，根据调试指令的不同选择不同的指令解析器对指令进行解析，并选择相应的指令执行器执行调试指令，完成对客户端页面中元素的调试。
这里描述的各种技术可结合硬件或软件，或者它们的组合一起实现。从而，本发明的方法和设备，或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介，例如可移动硬盘、u盘、软盘、cd-rom或者其它任意机器可读的存储介质中的程序代码(即指令)的形式，其中当程序被载入诸如计算机之类的机器，并被所述机器执行时，所述机器变成实践本发明的设备。
在程序代码在可编程计算机上执行的情况下，计算设备一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件)，至少一个输入装置，和至少一个输出装置。其中，存储器被配置用于存储程序代码；处理器被配置用于根据该存储器中存储的所述程序代码中的指令，执行本发明的方法。
以示例而非限制的方式，可读介质包括可读存储介质和通信介质。可读存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据，并且包括任何信息传递介质。以上的任一种的组合也包括在可读介质的范围之内。
在此处所提供的说明书中，算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与本发明的示例一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中，或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
本发明还可以包括：a6、如a5所述的一种页面的远程调试方法，其中，所述解析所述调试指令并执行所解析的调试指令还包括：若解析的所述调试指令为页面调试指令，则定位所要调试的页面元素，并向所述页面元素添加样式。
a7、如a5或a6所述的一种页面的远程调试方法，其中，所述解析所述调试指令并执行所解析的调试指令还包括：若解析的所述调试指令为脚本调试指令，则定位所要调试的页面元素，并执行调试指令对应的脚本。
a8、如a1到a7中任一项所述的一种页面的远程调试方法，其中所述客户端适于在所述页面中嵌入脚本，并在对所述页面进行调试时，执行所述脚本以执行所述方法。
此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
此外，所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此，具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外，装置实施例的在此所述的元素是如下装置的例子：该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样，除非另行规定，使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例，并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明，但是受益于上面的描述，本技术领域内的技术人员明白，在由此描述的本发明的范围内，可以设想其它实施例。此外，应当注意，本说明书中使用的语言主要是为了可读性和教导的目的而选择的，而不是为了解释或者限定本发明的主题而选择的。因此，在不偏离所附权利要求书的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围，对本发明所做的公开是说明性的，而非限制性的，本发明的范围由所附权利要求书限定。
1.一种页面的远程调试方法，适于在客户端中执行，所述方法包括步骤：
根据第一协议与服务器建立第一通信连接；
在所建立的第一通信连接中，接收所述服务器根据所述客户端的状态而确定的第二协议；
根据所确定的第二协议与所述服务器建立第二通信连接；
经由所述第二通信连接接收来自服务器的调试指令；以及
解析所述调试指令并执行所解析的调试指令，以便操作所述页面内的各个页面元素。
2.如权利要求1所述的一种页面的远程调试方法，还包括步骤：在所述客户端中显示所述客户端与所述服务器连接的状态和所述服务器发送的调试指令。
3.如权利要求2所述的一种页面的远程调试方法，还包括步骤：
在建立第一通信连接之前，获取所述服务器的地址并向所述服务器发送标识，以标识客户端并接收来自服务器的调试指令。
4.如权利要求1-3中任一个所述的一种页面的远程调试方法，其中，所述第二通信连接为长连接，所述方法还包括：
在建立所述长连接后，向所述服务器发送心跳并接收所述服务器发送的心跳，以监控是否与所述服务器保持长连接；
若判断保持长连接则接收所述服务器发送的调试指令。
5.如权利要求1-4中任一项所述的一种页面的远程调试方法，其中，所述调试指令包括类型标识，所述解析所述调试指令并执行所解析的调试指令包括：
根据所述调试指令的类型标识确定所述调试指令的类型；
选择与该类型的调试指令相对应的解析器对该调试指令进行解析。
6.一种页面的远程调试方法，适于在服务器中运行，所述方法包括步骤：
向客户端发送服务器的地址并接收来自所述客户端的标识；
根据第一协议与所述客户端建立第一通信连接；
在所建立的第一通信连接中，向所述客户端发送根据所述客户端的状态而确定的第二协议；
根据所确定的第二协议与所述客户端建立第二通信连接；以及
经由所述第二协议向所述客户端发送所述调试指令。
7.一种页面的远程调试系统，包括服务器、和多个客户端，所述服务器与多个客户端通信连接；
所述服务器适于向所述客户端发送服务器地址并接收来自所述客户端的标识，根据第一协议与所述客户端建立第一通信连接，在所建立的第一通信连接中，向所述客户端发送根据所述客户端的状态而确定的第二协议，根据所确定的第二协议与所述客户端建立第二通信连接，经由所述第二协议向所述客户端发送所述调试指令；
所述客户端适于获取所述服务器的地址并向所述服务器发送标识，根据第一协议与服务器建立第一通信连接；在所建立的第一通信连接中，接收所述服务器根据所述客户端的状态而确定的第二协议；根据所确定的第二协议与所述服务器建立第二通信连接；经由所述第二通信连接接收来自服务器的调试指令；解析所述调试指令并执行所解析的调试指令，以便操作所述页面内的各个页面元素。
8.如权利要求7所述的一种页面的远程调试系统，其中，所述客户端中贮存有通信组件，指令解析组件，指令执行组件和显示组件；
所述通信组件适于与所述服务器建立所述第一通信连接和所述第二通信连接；
所述指令解析组件中包括不同类型的调试指令解析器，适于解析不同类型的调试指令；
所述指令执行组建中包括不同类型的调试指令执行器，适于执行不同类型的调试指令；
所述显示组件适于显示所述客户端与所述服务器连接的状态和所述服务器发送的调试指令。
9.一种计算设备，包括：
至少一个处理器；以及
包括计算机程序指令的至少一个存储器；
所述至少一个存储器和所述计算机程序指令被配置为与所述至少一个处理器一起使得所述计算设备执行如权利要求1-5或权利要求6中任一项所述的方法。
10.一种存储一个或多个程序的可读存储介质，所述一个或多个程序包括指令，所述指令当由计算设备执行时，使得所述计算设备执行如权利要求1-5或权利要求6中任一项所述的方法。
技术总结