一种页面调试方法和装置
技术领域
本发明涉及计算机技术领域，尤其涉及一种页面调试方法和装置。
背景技术
随着智能手机、平板电脑等移动设备的普及，移动端网页的需求量猛增，网页开发面向的主流用户终端已从电脑转变为这些移动设备。针对移动端的网页的调试，涉及到移动设备与电脑的互访问题。但是在某些场景下，移动设备和电脑无法处于同一个局域网内或无法直接访问时，会给移动端网页的调试工作带来麻烦。
现有的解决方案是在电脑上发射wifi(无线保真)热点给手机连接，使其与电脑处于同一个局域网内以访问电脑。由于发射wifi热点需要有无线网卡，而大部分台式电脑是没有无线网卡的，而大部分笔记本电脑只有一块无线网卡，发射wifi热点需要将其虚拟成两块网卡，导致wifi热点不稳定，此外一些特定的环境不允许发射wifi热点。
在实现本发明过程中，发明人发现现有技术中至少存在如下问题：
移动设备和电脑无法直接访问时存在需要额外的硬件，wifi热点不稳定，调试地点受限等问题，从而增加硬件成本消耗、降低调试效率、调试地点收到制约。
发明内容
有鉴于此，本发明实施例提供一种页面调试方法和装置，能够节省硬件成本，以及克服wifi热点不稳定的缺陷，提高调试效率，并且不受调试地点制约。
为实现上述目的，根据本发明实施例的一个方面，提供了一种页面调试方法。
一种页面调试方法，包括：获取移动端页面发出的HTTP(超文本传输协议)请求；接收调试端对所述移动端页面的第一调试指令，根据所述第一调试指令修改所述HTTP请求；将修改后的所述HTTP请求发送至远程服务器，获取所述远程服务器对修改后的所述HTTP请求的响应信息；接收所述调试端对所述移动端页面的第二调试指令，根据所述第二调试指令修改所述响应信息；将修改后的所述响应信息发送至所述移动端页面。
可选地，通过HTTP代理服务执行与所述移动端页面、所述远程服务器的信息交互，其中，与所述移动端页面的信息交互包括：接收所述HTTP请求和发送修改后的所述响应信息；与所述远程服务器的信息交互包括：发送修改后的所述HTTP请求和获取所述响应信息；通过与所述HTTP代理服务建立网络连接的Web伺服服务提供Web页面，通过所述Web页面接收调试端对所述移动端页面的第一调试指令，并根据所述第一调试指令修改所述HTTP请求，以及，接收所述调试端对所述移动端页面的第二调试指令，并根据所述第二调试指令修改所述响应信息。
可选地，所述调试端为与所述移动端无法互相访问的固定终端，所述HTTP代理服务和所述Web伺服服务位于所述移动端和所述固定终端可以访问的服务器或终端设备上。
可选地，通过Node.js(一个Javascript运行环境)程序或Java程序实现所述HTTP代理服务和所述Web伺服服务。
根据本发明实施例的另一方面，提供了一种页面调试装置。
一种页面调试装置，包括：交互模块，用于获取移动端页面发出的HTTP请求；调试模块，用于接收调试端对所述移动端页面的第一调试指令，根据所述第一调试指令修改所述HTTP请求；所述交互模块还用于将修改后的所述HTTP请求发送至远程服务器，获取所述远程服务器对修改后的所述HTTP请求的响应信息；所述调试模块还用于接收所述调试端对所述移动端页面的第二调试指令，根据所述第二调试指令修改所述响应信息；所述交互模块还用于将修改后的所述响应信息发送至所述移动端页面。
可选地，所述交互模块还用于通过HTTP代理服务执行与所述移动端页面、所述远程服务器的信息交互，其中，与所述移动端页面的信息交互包括：接收所述HTTP请求和发送修改后的所述响应信息；与所述远程服务器的信息交互包括：发送修改后的所述HTTP请求和获取所述响应信息；所述调试模块还用于通过与所述HTTP代理服务建立网络连接的Web伺服服务提供Web页面，通过所述Web页面接收调试端对所述移动端页面的第一调试指令，并根据所述第一调试指令修改所述HTTP请求，以及，接收所述调试端对所述移动端页面的第二调试指令，并根据所述第二调试指令修改所述响应信息。
可选地，所述调试端为与所述移动端无法互相访问的固定终端，所述HTTP代理服务和所述Web伺服服务位于所述移动端和所述固定终端可以访问的服务器或终端设备上。
可选地，通过Node.js程序或Java程序实现所述HTTP代理服务和所述Web伺服服务。
根据本发明实施例的又一方面，提供了一种电子设备。
一种电子设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现本发明提供的页面调试方法。
根据本发明实施例的又一方面，提供了一种计算机可读介质。
一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明提供的页面调试方法。
上述发明中的一个实施例具有如下优点或有益效果：获取移动端页面发出的HTTP请求；接收调试端对移动端页面的第一调试指令，根据第一调试指令修改HTTP请求；将修改后的HTTP请求发送至远程服务器，获取远程服务器对修改后的HTTP请求的响应信息；接收调试端对移动端页面的第二调试指令，根据第二调试指令修改该响应信息；将修改后的响应信息发送至移动端页面。能够节省硬件成本，以及克服wifi热点不稳定的缺陷，从而提高调试效率，并且不受调试地点制约。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
图1是根据本发明第一实施例的页面调试方法的主要步骤示意图；
图2是根据本发明第二实施例的页面调试流程示意图；
图3是根据本发明第三实施例的页面调试装置的主要模块示意图；
图4是本发明实施例可以应用于其中的示例性系统架构图；
图5是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
本领域技术技术人员知道，本发明的实施方式可以实现为一种系统、装置、设备、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即：完全的硬件、完全的软件(包括固件、驻留软件、微代码等)，或者硬件和软件结合的形式。
图1是根据本发明第一实施例的页面调试方法的主要步骤示意图。
如图1所示，本发明第一实施例的页面调试方法主要包括如下的步骤S101至步骤S105。
步骤S101：获取移动端页面发出的HTTP请求。
其中，移动端例如手机等移动设备。
步骤S102：接收调试端对移动端页面的第一调试指令，根据第一调试指令修改HTTP请求。
其中，调试端为与移动端无法互相访问的固定终端，例如PC(个人计算机)等。
步骤S103：将修改后的HTTP请求发送至远程服务器，获取远程服务器对该修改后的HTTP请求的响应信息。
步骤S104：接收调试端对移动端页面的第二调试指令，根据第二调试指令修改该响应信息。
步骤S105：将修改后的响应信息发送至移动端页面。
本实施例可以通过HTTP代理服务执行与移动端页面、远程服务器的信息交互，其中，与移动端页面的信息交互包括：接收HTTP请求和发送修改后的响应信息；与远程服务器的信息交互包括：发送修改后的HTTP请求和获取响应信息。
可以通过与HTTP代理服务建立网络连接的Web伺服服务提供Web页面，通过该Web页面接收调试端对移动端页面的第一调试指令，并根据第一调试指令修改HTTP请求。通过该Web页面还可以接收调试端对移动端页面的第二调试指令，并根据第二调试指令修改响应信息。
HTTP代理服务和Web伺服服务可以位于移动端和固定终端可以访问的服务器或终端设备上，终端设备例如移动终端等。
作为其中一种实施方式，HTTP代理服务和Web伺服服务位于同一服务器或终端设备上。
作为另一种实施方式，HTTP代理服务和Web伺服服务位于不同的服务器或终端设备上。
作为再一种实施方式，HTTP代理服务和Web伺服服务二者之中的一个位于服务器上而另一个位于终端设备上。
可以通过Node.js程序实现上述的HTTP代理服务和Web伺服服务，Nodejs是一个JavaScript运行环境，实质是对Chrome V8引擎(一种JavaScript引擎)进行了封装，Node.js对一些特殊用例进行优化，提供替代的API(应用程序接口)，使得V8在非浏览器环境下运行得更好。可替代地，通过Java程序也可以实现上述的HTTP代理服务和Web伺服服务。通过在移动端和固定终端可以访问的服务器或终端设备上运行上述Node.js程序或Java程序以实现上述HTTP代理服务和Web伺服服务。
通过本发明实施例，可以实现在手机无法直接访问电脑的场景下，在电脑上对手机中的网页进行抓取模拟请求响应等调试操作。
图2是根据本发明第二实施例的页面调试流程示意图。
图2的流程以HTTP代理服务和Web伺服服务位于移动端和固定终端可以访问的同一服务器上为例，说明本发明实施例的页面调试方法。
本实施例在开发用的电脑和移动设备无法相互直接访问的场景下，例如：二者位于不同局域网、企业内部相关保密规定禁止互访等等场景，实现手机在不直接访问电脑的情况下，在电脑端调试手机中的网页。
具体地，可以在内网(内部局域网)设置一台手机和电脑都可以访问的服务器，并在其上部署一套Node.js程序，通过该Node.js程序同时分别对手机提供HTTP代理服务和对电脑提供Web伺服服务。手机使用该HTTP服务后，手机中Web发出的HTTP请求及HTTP请求对应的远程服务器响应信息经过该服务器，服务器上的Node.js程序将这些请求和响应信息通过Web提供展示和修改功能。电脑通过浏览器访问该服务器提供的Web页面，在此Web页面上可以查看、修改或模拟手机的请求、响应信息。
如图2所示，本实施例的页面调试流程具体如下。在内网服务器上部署Node.js程序，以提供HTTP代理服务和Web伺服服务(S201)，需要说明的是，在手机中需要设置代理服务器IP为该服务器IP、端口为该服务器提供HTTP代理服务的端口；服务器上的HTTP代理服务获取手机中Web页面发出的HTTP请求(即网页请求，简称请求)和远程服务器的响应信息(简称响应)，将获取的请求和响应提供给Web伺服服务(S202)；Web伺服服务接收到HTTP代理服务获取的请求和响应，通过网页提供给电脑端查看和/或修改(S203)，其中，网页是服务器上的Node.js程序通过Web伺服服务提供的Web页面，在此页面上提供对这些请求和响应信息的查看和修改等功能。
根据图2，在手机上访问需要调试的Web页面(即需要调试的移动端页面)。在电脑端使用浏览器可以访问该服务器通过Web伺服服务提供的网页(Web页面)，并可以在该网页中对请求和响应信息进行查看、处理等操作。
需要说明的是，上述S201、S202、S203不表示步骤执行的先后顺序，页面调试流程中步骤执行先后需要结合S201、S202、S203对应的方框中的说明以及请求和响应的流向(箭头指示)来理解。本领域技术人员可以理解的是，图2所示的流程中HTTP代理服务并不是同时获取手机中Web页面发出的HTTP请求和远程服务器的响应信息，也不是将请求和响应同时提供给Web伺服服务，同样地，Web伺服服务不是同时接收HTTP代理服务获取的请求和响应，S202和S203旨在说明HTTP代理服务和Web伺服服务的功能。根据图2中请求和响应的流向可知，HTTP代理服务获取手机中Web页面发出的HTTP请求之后，将截获的请求发送到Web伺服服务，以便通过电脑浏览器访问Web伺服服务提供的网页来进行调试操作(例如修改请求)，然后将修改后的请求发送回HTTP代理服务，HTTP代理服务将修改后的请求发送至远程服务器，并接收远程服务器对该请求的响应信息，HTTP代理服务将截获(接收)的响应信息发送到Web伺服服务，以便通过电脑浏览器访问Web伺服服务提供的网页来进行调试操作(例如修改响应)，Web伺服服务将修改后的响应返回到HTTP代理服务，HTTP代理服务将修改后的响应返回手机。
本发明实施例通过在内网服务器端同时分别提供HTTP代理服务给手机和提供Web伺服服务给电脑，并在两个服务间同步请求和响应数据，来解决在手机和电脑无法直接互访的场景下在电脑端调试手机中Web的问题，完全不需电脑发射wifi热点，节省为发射wifi热点可能产生的购置无线网卡的费用，大幅提高移动web调试效率，符合特定场景禁止发射wifi热点的规定。
图3是根据本发明第三实施例的页面调试装置的主要模块示意图。
如图3所示，本发明第三实施例的页面调试装置300主要包括：交互模块301和调试模块302。
交互模块301用于获取移动端页面发出的HTTP请求。
调试模块302用于接收调试端对移动端页面的第一调试指令，根据第一调试指令修改HTTP请求。调试端为与移动端无法互相访问的固定终端。
交互模块301还用于将修改后的HTTP请求发送至远程服务器，以及获取远程服务器对修改后的HTTP请求的响应信息。
调试模块302还用于接收调试端对移动端页面的第二调试指令，根据第二调试指令修改该响应信息。
交互模块301还用于将修改后的响应信息发送至移动端页面。
交互模块还可以用于通过HTTP代理服务执行与移动端页面、远程服务器的信息交互，其中，与移动端页面的信息交互包括：接收HTTP请求和发送修改后的响应信息；与远程服务器的信息交互包括：发送修改后的HTTP请求和获取响应信息。
调试模块302还可以用于通过与HTTP代理服务建立网络连接的Web伺服服务提供Web页面，通过该Web页面接收调试端对移动端页面的第一调试指令，并根据第一调试指令修改HTTP请求。通过该Web页面还可以接收调试端对移动端页面的第二调试指令，并根据第二调试指令修改响应信息。
作为可选实施方式，HTTP代理服务和Web伺服服务位于移动端和固定终端可以访问的服务器或终端设备上。
作为其中一种实施方式，HTTP代理服务和Web伺服服务位于同一服务器或终端设备上。
作为另一种实施方式，HTTP代理服务和Web伺服服务位于不同的服务器或终端设备上。
作为再一种实施方式，HTTP代理服务和Web伺服服务二者之中的一个位于服务器上而另一个位于终端设备上。
可以通过Node.js程序或Java程序实现HTTP代理服务和Web伺服服务。
另外，在本发明实施例中所述页面调试装置的具体实施内容，在上面所述页面调试方法中已经详细说明了，故在此重复内容不再说明。
图4示出了可以应用本发明实施例的页面调试方法或页面调试装置的示例性系统架构400。
如图4所示，系统架构400可以包括终端设备401、402、403，网络404和服务器405。网络404用以在终端设备401、402、403和服务器405之间提供通信链路的介质。网络404可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备401、402、403通过网络404与服务器405交互，以接收或发送消息等。终端设备401、402、403上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备401、402、403可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器405可以是提供各种服务的服务器，例如对用户利用终端设备401、402、403所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。
需要说明的是，本发明实施例所提供的页面调试方法一般由服务器405或终端设备401、402、403执行，相应地，页面调试装置一般设置于服务器405或终端设备401、402、403中。
应该理解，图4中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
下面参考图5，其示出了适于用来实现本申请实施例的终端设备或服务器的计算机系统500的结构示意图。图5示出的终端设备或服务器仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。
如图5所示，计算机系统500包括中央处理单元(CPU)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中，还存储有系统500操作所需的各种程序和数据。CPU 501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
以下部件连接至I/O接口505：包括键盘、鼠标等的输入部分506；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分508。
特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时，执行本申请的系统中限定的上述功能。
需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括交互模块和调试模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，交互模块还可以被描述为“用于获取移动端页面发出的HTTP请求的模块”。
作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：获取移动端页面发出的HTTP请求；接收调试端对所述移动端页面的第一调试指令，根据所述第一调试指令修改所述HTTP请求；将修改后的所述HTTP请求发送至远程服务器，获取所述远程服务器对修改后的所述HTTP请求的响应信息；接收所述调试端对所述移动端页面的第二调试指令，根据所述第二调试指令修改所述响应信息；将修改后的所述响应信息发送至所述移动端页面。
根据本发明实施例的技术方案，接收调试端对移动端页面的第一调试指令，根据第一调试指令修改HTTP请求，将修改后的HTTP请求发送至远程服务器，接收调试端对移动端页面的第二调试指令，根据第二调试指令修改该响应信息；将修改后的响应信息发送至移动端页面。能够节省硬件成本，以及克服wifi热点不稳定的缺陷，从而提高调试效率，并且不受调试地点制约。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。
