CN106055480B - 一种调试网页的方法及终端 - Google Patents

Abstract

本发明实施例公开了一种调试网页的方法及终端，用于解决现有技术中在调试网页时所存在的缺陷。本发明实施例方法应用于支持超文本传送协议HTTP的终端，包括：拦截用于访问待调试网页的超文本传送协议HTTP请求；获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据；根据访问所述测试环境所获取的数据调试所述待调试网页。

Description

一种调试网页的方法及终端

技术领域

本发明涉及通信领域，具体涉及一种调试网页的方法及终端。

背景技术

随着互联网技术的飞速发展，各种应用程序(英文全称：Application，缩写：APP)变得非常热门，用户可以在终端上打开某APP直接访问网页，例如：阅读新闻，观看视频等。在新APP上线之前，需要对新APP中开发的网页进行调试，例如：对网页进行问题排查。

目前，通过在终端上安装调试代理工具fiddler，并在fiddler上配置测试环境的访问地址，通过选择测试环境的访问地址进而访问测试环境，并根据访问测试环境所得到的数据调试网页，但是，在终端上安装fiddler可能会对终端造成安全隐患，例如：有些终端需要越狱破解后才可以安装fiddler，操作复杂。另外，对于服务器渲染的网页，终端通过fiddler无法拦截访问网页的超文本传送协议(英文全称：Hypertext transfer protocol，缩写：HTTP)请求，当后续访问测试环境所得到的数据较少时，也无法替换其他数据，从而导致无法覆盖开发遇到的各种情况。

发明内容

本发明实施例提供了一种调试网页的方法及终端，用于解决现有技术中在调试网页时所存在的缺陷，无需安装fiddler就可以访问测试环境，因此，不存在安装fiddler可能会造成的安全隐患问题，还可以通过终端拦截用于访问网页的HTTP请求，不受服务器渲染的网页的限制，当后续访问测试环境所得到的数据较少时，也可以灵活替换其他数据，可操作性强。

本发明第一方面提供一种调试网页的方法，所述方法应用于支持超文本传送协议HTTP的终端，其特征在于，所述方法包括：

拦截用于访问待调试网页的超文本传送协议HTTP请求；

获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；

根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据；

根据访问所述测试环境所获取的数据调试所述待调试网页。

本发明第二方面提供一种终端，所述终端为支持超文本传送协议HTTP的终端，其特征在于，所述终端包括：

处理模块，用于拦截用于访问待调试网页的超文本传送协议HTTP请求；

获取模块，用于获取所述HTTP请求对应的访问地址；

所述处理模块，还用于根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；

所述处理模块，还用于根据所述测试环境的访问地址访问所述测试环境；

所述获取模块，还用于获取所述处理模块访问所述测试环境的数据；

所述处理模块，还用于根据所述处理模块访问所述测试环境所获取的数据调试所述待调试网页。

从以上技术方案可以看出，本发明实施例具有以下优点：通过拦截访问待调试网页的HTTP请求获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；并根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据；进而根据访问所述测试环境所获取的数据调试所述待调试网页。无需安装fiddler就可以访问测试环境，因此，不存在安装fiddler可能会造成的安全隐患问题，还可以通过终端拦截用于访问网页的HTTP请求，不受服务器渲染的网页的限制，当后续访问测试环境所得到的数据较少时，也可以灵活替换其他数据，可操作性强。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例中终端的一个结构示意图；

图2a为本发明实施例中调试网页的一个应用场景示意图；

图2b为本发明实施例中调试网页的另一个应用场景示意图；

图2c为本发明实施例中调试工具的界面的一个实施例示意图；

图3为本发明实施例中调试网页的一个实施例示意图；

图4为本发明实施例中调试网页的另一个实施例示意图；

图5为本发明实施例中调试网页的另一个实施例示意图；

图6为本发明实施例中终端的另一个结构示意图；

图7为本发明实施例中终端的另一个结构示意图。

具体实施方式

本发明实施例提供了一种调试网页的方法及终端，用于解决现有技术中在调试网页时所存在的缺陷，无需安装fiddler就可以访问测试环境，因此，不存在安装fiddler可能会造成的安全隐患问题，还可以通过终端拦截用于访问网页的HTTP请求，不受服务器渲染的网页的限制，当后续访问测试环境所得到的数据较少时，也可以灵活替换其他数据，可操作性强。

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

在介绍本发明实施例之前，先介绍本发明实施例中涉及的终端，如图1所示，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明实施例方法部分。该终端可以为包括计算机，手机、平板电脑、个人数字助理(英文全称：Personal Digital Assistant，缩写：PDA)、车载电脑等任意终端设备，以终端是手机为例：

图1示出的是与本发明实施例提供的终端相关的手机的部分结构的框图。参考图1，手机包括：射频(英文全称：Radio Frequency，缩写：RF)电路110、存储器120、输入单元130、显示单元140、传感器150、音频电路160、Wi-Fi模块170、处理器180、以及电源190等部件。本领域技术人员可以理解，图1中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图1对手机的各个构成部件进行具体的介绍：

RF电路110可用于收发信息或通话过程中，信号的接收和发送，通常，RF电路110包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(英文全称：Low NoiseAmplifier，缩写：LNA)、双工器等。此外，RF电路110还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(英文全称：Global System of Mobile communication，缩写：GSM)、通用分组无线服务(英文全称：General Packet Radio Service，缩写：GPRS)、码分多址(英文全称：Code DivisionMultiple Access，缩写：CDMA)、宽带码分多址(英文全称：Wideband Code DivisionMultiple Access，缩写：WCDMA)、长期演进(英文全称：Long Term Evolution，缩写：LTE)、电子邮件、短消息服务(英文全称：Short Messaging Service，缩写：SMS)等。

存储器120可用于存储软件程序以及模块，处理器180通过运行存储在存储器120的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元130可用于接收输入的数字或字符信息，以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地，输入单元130可包括触控面板131以及其他输入设备132。触控面板131，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板131上或在触控面板131附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板131可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器180，并能接收处理器180发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板131。除了触控面板131，输入单元130还可以包括其他输入设备132。具体地，其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元140可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元140可包括显示面板141，可选的，可以采用液晶显示器(英文全称：LiquidCrystal Display，缩写：LCD)、有机发光二极管(英文全称：Organic Light-EmittingDiode，缩写：OLED)等形式来配置显示面板141。进一步的，触控面板1131可覆盖显示面板141，当触控面板131检测到在其上或附近的触摸操作后，传送给处理器180以确定触摸事件的类型，随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图1中，触控面板131与显示面板141是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板131与显示面板141集成而实现手机的输入和输出功能，例如收发器。

手机还可包括至少一种传感器150，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板141的亮度，接近传感器可在手机移动到耳边时，关闭显示面板141和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路160、扬声器161，传声器162可提供用户与手机之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号，传输到扬声器161，由扬声器161转换为声音信号输出；另一方面，传声器162将收集的声音信号转换为电信号，由音频电路160接收后转换为音频数据，再将音频数据输出处理器180处理后，经RF电路110以发送给比如另一手机，或者将音频数据输出至存储器120以便进一步处理。

手机通过Wi-Fi模块170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图1示出了Wi-Fi模块170，但是可以理解的是，其并不属于手机的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器180是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器120内的软件程序和/或模块，以及调用存储在存储器120内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器180可包括一个或多个处理单元；优选的，处理器180可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器180中。

手机还包括给各个部件供电的电源190(比如电池)，优选的，电源可以通过电源管理系统与处理器180逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。

在本发明实施例中，该终端所包括的处理器180用于执行如下步骤：

拦截用于访问待调试网页的HTTP请求；

获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；

根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据；

根据访问所述测试环境所获取的数据调试所述待调试网页。

可选的，终端所包括的处理器180还用于执行如下步骤：

获取访问所述测试环境的数据之后，当本地存储所述HTTP请求对应的文件夹时，将访问所述测试环境所获取的数据写入所述文件夹中进行本地存储；当本地没有存储所述HTTP请求对应的文件夹时，创建新的文件夹，并将访问所述测试环境所获取的数据写入所述新的文件夹中进行本地存储。

可选的，终端所包括的处理器180还用于执行如下步骤：

获取本地存储的数据；修改所述本地存储的数据，并将修改后的数据进行本地存储。

可选的，终端所包括的处理器180还用于执行如下步骤：

获取本地存储的数据；根据所述本地存储的数据调试所述待调试网页。

可选的，终端所包括的处理器180还用于执行如下步骤：

生成用于调试所述待调试网页的调试工具，以使得通过几何形状或者菜单栏在所述待调试网页上显示所述调试工具。

可见，终端所包括的处理器180通过拦截访问待调试网页的HTTP请求获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；并根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据；进而根据访问所述测试环境所获取的数据调试所述待调试网页。无需安装fiddler就可以访问测试环境，因此，不存在安装fiddler可能会造成的安全隐患问题，还可以通过终端所包括的处理器180拦截用于访问网页的HTTP请求，不受服务器渲染的网页的限制，当后续访问测试环境所得到的数据较少时，也可以灵活替换其他数据，可操作性强。

在介绍本发明实施例之前，进一步介绍本发明实施例涉及的应用场景：

请参阅图2a，开启终端，接收全部或者部分用于访问待调试网页的HTTP请求，并获取HTTP请求所对应的访问地址，将HTTP请求所对应的访问地址指向终端，同时监听终端侧所有未被占用的端口，例如：8090端口，80端口，8080端口等，如图2a所示，终端监听8090端口，此时，监听到用于访问待调试网页的HTTP请求被终端拦截，终端根据提前设置好的HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将HTTP请求对应的访问地址替换成测试环境的访问地址，并根据测试环境的访问地址访问测试环境进而获取访问测试环境的数据，以根据访问测试环境所获取的数据调试所述待调试网页。在本发明实施例中，测试环境可以是多个，例如：HTTP请求对应的访问地址可以对应多个测试环境的访问地址，因此，在实际应用中，当触发某个测试环境的访问地址时，则终端根据该测试环境对应的访问地址访问测试环境。可见，可以在多个测试环境下自由切换，从而方便获取访问测试环境的数据，进而可以提高调试所述待调试网页的效率。当然，与现有技术不同的是，当访问测试环境所获取的数据较少时，还可以替换为本地存储的数据，进而通过获取本地存储的数据来调试所述待调试网页，从而灵活地获取用于调试所述待调试网页的数据，进而有效提高调试网页的效率。

进一步，根据HTTP请求所对应的访问地址访问该待调试网页，例如：在终端界面上显示该待调试网页，本发明实施例中，以腾讯课堂的网页作为待调试网页为例，在腾讯课堂的网页的底部显示调试工具，其中，调试工具是一段包含html和javascript的代码，在终端或者服务器渲染网页的时候，将这段代码插到待调试网页代码的某个位置(例如：底部，顶部等，此处不做具体限定)，这样调试工具就会出现在待调试网页对应的位置上。如图2b所示，该调试工具是以小圆点的形式显示在待调试网页的底部，当然，在一些可能的实现方式中，也可以以其他方式显示，例如：可以通过某个颜色某个形状某个状态某个位置来显示，在实际应用中，例如：以红色或者绿色等其他颜色显示，或者以小三角，小方格等其他形状显示，或者直接以菜单栏的方式显示，或者显示在待调试网页的其他位置，此处不作具体限定。

进一步，如图2c所示，通过点击该调试工具触发打开该调试工具的界面，该调试工具的界面包括服务器数据和本地数据对应的选项，其中，该服务器数据为访问测试环境所获取的数据，本地数据为终端在本地存储的数据，通过选择服务器数据和/或本地数据对应的选项后点击刷新网页即可调试所述待调试网页，从而进行问题排查。当然，在实际应用中，也可以通过选择录制数据到本地的选项直接将服务器数据直接拷贝到本地，很方便地在本地存储服务器数据，以便后续直接从本地获取该服务器数据就可以对待调试网页进行调试，简单便捷，而在现有技术中，还需要通过手动操作拷贝服务器数据，假设需要拷贝的服务器数据过多，将耗费较大的人力，操作繁琐。当然，在实际应用中，后续还可以直接对本地数据进行修改或者更新等，方便获取多种数据，从而适应性地选择多种数据对待调试网页进行调试，从而尽可能多地覆盖开发遇到的各种情况，此处不做具体限定。

请参阅图3，为本发明实施例中调试网页的方法的一个实施例示意图，所述方法应用于支持HTTP的终端，所述实施例的具体流程如下：

步骤301、拦截用于访问待调试网页的超文本传送协议HTTP请求。

在实际应用中，当终端确定访问测试环境时，则终端拦截用于访问待调试网页的HTTP请求，可见，终端拦截所述HTTP请求的目的在于访问测试环境，并根据访问测试环境所获取的数据对所述待调试网页做调试处理。

步骤302、获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址。

其中，终端提前设置好HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系，并在本地存储所述对应关系，因此，当终端获取所述HTTP请求对应的访问地址后，直接替换成测试环境的访问地址，从而便于访问测试环境。

步骤303、根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据。

在本发明实施例中，测试环境可以是一个或者多个，当测试环境是多个时，可以自由选择测试环境的访问地址，并根据选择的访问地址访问对应的测试环境。当然，也可以在本地重新配置新的测试环境，并配置新的测试环境的访问地址，进而访问新的测试环境，此处不做具体限定。

步骤304、根据访问所述测试环境所获取的数据调试所述待调试网页。

在一些可能的实现方式中，生成用于调试所述待调试网页的调试工具；

通过几何形状或者菜单栏在所述待调试网页上显示所述调试工具。例如：在待调试网页上显示该调试工具，在该调试工具的界面上点击服务器数据的选项，即：选择访问所述测试环境所获取的数据，进而通过刷新网页调试所述待调试网页。其中，所述调试工具可以是几何形状(例如：小圆点，小三角，小方格等，此处不做具体限定)显示在所述待调试网页的任意位置，例如：底部，顶部等。而且为了色彩美观，还可以通过红色或者绿色或者其他颜色的几何形状显示。当然，也可以直接以菜单栏的方式显示该调试工具，此处不做具体限定。需要说明的是，也可以通过终端后台根据访问测试环境所获取的数据调试所述待调试网页，此处不做具体限定。

请参阅图4，本发明实施例中调试网页方法的另一个实施例示意图，所述实施例的具体流程如下：

步骤401、获取用于访问待调试网页的HTTP请求。

在实际应用中，终端可以通过浏览器获取用于访问待调试网页的HTTP请求，其中，浏览器可以是某个APP对应的浏览器或者终端默认的浏览器，例如：终端通过腾讯QQ这个APP打开某个网页，那么，终端可以通过QQ浏览器打开该网页，也可以是终端默认的其他浏览器，例如：360浏览器，IE浏览器等，此处不做具体限定。

步骤402、判断是否访问测试环境，若否，执行步骤403，否则执行步骤404至步骤407。

在实际应用中，终端获取用于访问待调试网页的HTTP请求，当终端确定访问测试环境时，则终端拦截用于访问待调试网页的HTTP请求，否则，终端正常访问待调试网页。

步骤403、获取该HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址正常访问所述待调试网页。

步骤404、拦截用于访问待调试网页的HTTP请求。

步骤405、获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址。

步骤406、根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据。

步骤407、根据访问所述测试环境所获取的数据调试所述待调试网页。

其中，步骤404至步骤407步与图3所示实施例中的步骤301至步骤304相同或相似，具体可参阅步骤301至步骤304，此处不再赘述。

步骤408、获取本地存储的数据。

步骤409、根据所述本地存储的数据调试所述待调试网页。

在一些可能的实现方式中，当访问测试环境所获取的数据较少时，例如：未达到终端预设的阈值时，则可以通过本地存储的数据调试所述待调试网页。例如：在待调试网页上显示调试工具，在该调试工具的界面上的点击本地数据，即选择本地存储的数据，进而通过刷新网页调试所述待调试网页。当然，也可以通过终端后台根据本地存储的数据调试所述待调试网页，此处不做具体限定。

需要说明的是，在一些可能的实现方式中，步骤408和步骤409无需完全执行，例如：只是针对访问测试环境所获取的数据就可以实现调试所述待调试网页的目的，而无需利用本地存储的数据进行调试。

在一些可能的实现方式中，获取本地存储的数据；修改所述本地存储的数据，并将修改后的数据进行本地存储。从而适应性地选择多种数据对待调试网页进行调试，从而尽可能多地覆盖开发遇到的各种情况。

请参阅图5，本发明实施例中调试网页的方法的另一个实施例示意图，所述实施例的具体流程如下：

步骤501、拦截用于访问待调试网页的HTTP请求。

步骤502、获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址。

步骤503、根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据。

其中，步骤501至步骤503与图3所示实施例中的步骤301至步骤303相同或相似，具体可参阅步骤301至步骤303，此处不再赘述。

步骤504、判断本地是否存在所述HTTP请求对应的文件夹；若是，执行步骤505，若否，执行步骤506。

步骤505、将访问所述测试环境所获取的数据写入所述文件夹中进行本地存储。

步骤506、创建新的文件夹，并将访问所述测试环境所获取的数据写入所述新的文件夹中进行本地存储。

在实际应用中，当获取访问测试环境的数据后，为了便于后续直接从本地获取访问测试环境的数据就可以对待调试网页进行调试，则将访问测试环境所获取的数据本地存储。当本地存在所述HTTP请求对应的文件夹时，直接将访问所述测试环境所获取的数据写入所述文件夹；当本地不存在所述HTTP请求对应的文件夹时，创建新的文件夹，并将访问所述测试环境所获取的数据写入所述新的文件夹中。可见，将访问测试环境的数据本地存储后，无需每次都访问测试环境，减少通信消耗，直接获取本地存储的数据调试网页从而有效提高调试网页的效率。

为便于更好的实施本发明实施例的上述相关方法，下面还提供用于配合上述方法的相关装置。

请参阅图6，本发明实施例中终端600的另一个结构示意图，其中，所述终端为支持HTTP的终端，所述终端600包括：处理模块601，获取模块602。

处理模块601，用于拦截用于访问待调试网页的超文本传送协议HTTP请求；

获取模块602，用于获取所述HTTP请求对应的访问地址；

所述处理模块601，还用于根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；

所述处理模块601，还用于根据所述测试环境的访问地址访问所述测试环境；

所述获取模块602，还用于获取所述处理模块访问所述测试环境的数据；

所述处理模块601，还用于根据所述处理模块访问所述测试环境所获取的数据调试所述待调试网页。

可见，通过拦截访问待调试网页的HTTP请求获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；并根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据；进而根据访问所述测试环境所获取的数据调试所述待调试网页。无需安装fiddler就可以访问测试环境，因此，不存在安装fiddler可能会造成的安全隐患问题，还可以通过处理模块拦截用于访问网页的HTTP请求，不受服务器渲染的网页的限制，当后续访问测试环境所得到的数据较少时，也可以灵活替换其他数据，可操作性强。

请参阅图6，在一些可能的实现方式中，所述处理模块601，还用于所述获取模块602获取访问所述测试环境的数据之后，当本地存储所述HTTP请求对应的文件夹时，将访问所述测试环境所获取的数据写入所述文件夹中进行本地存储；当本地没有存储所述HTTP请求对应的文件夹时，创建新的文件夹，并将访问所述测试环境所获取的数据写入所述新的文件夹中进行本地存储。

在另一些可能的实现方式中，所述获取模块602，还用于获取本地存储的数据；所述处理模块601，还用于修改所述获取模块获取的所述本地存储的数据，并将修改后的数据进行本地存储。

在另一些可能的实现方式中，所述获取模块602，还用于获取本地存储的数据；所述处理模块601，还用于根据所述获取模块获取的所述本地存储的数据调试所述待调试网页。

在图6所示实施例的基础上，请参阅图7，所述终端600还包括显示模块603；

所述处理模块601，还用于生成用于调试所述待调试网页的调试工具；所述显示模块603，用于通过几何形状或者菜单栏在所述待调试网页上显示所述调试工具。

综上，通过拦截访问待调试网页的超文本传送协议HTTP请求获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；并根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据；进而根据访问所述测试环境所获取的数据调试所述待调试网页。无需安装fiddler就可以访问测试环境，因此，不存在安装fiddler可能会造成的安全隐患问题，还可以拦截用于访问网页的HTTP请求，不受服务器渲染的网页的限制，后续可灵活替换测试环境的数据，可操作性强。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种调试网页的方法，所述方法应用于支持超文本传送协议HTTP的终端，其特征在于，所述方法包括：

拦截用于访问待调试网页的超文本传送协议HTTP请求；

获取所述HTTP请求对应的访问地址，并根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；

根据所述测试环境的访问地址访问所述测试环境并获取访问所述测试环境的数据；

响应于用户对所述待调试网页上显示的调试工具的触发操作，选择录制数据到本地的选项，将访问所述测试环境所获取的数据下载到本地，在本地根据访问所述测试环境所获取的数据调试所述待调试网页，或，通过终端后台将访问所述测试环境所获取的数据下载到本地，在本地根据访问所述测试环境所获取的数据调试所述待调试网页；

当访问所述测试环境所获取的数据未达到终端预设的阈值时，获取本地存储的数据；

响应于用户对所述待调试网页上显示的调试工具的触发操作，通过刷新网页根据所述本地存储的数据调试所述待调试网页，或，通过终端后台根据所述本地存储的数据调试所述待调试网页。

2.根据权利要求1所述的方法，其特征在于，所述获取访问所述测试环境的数据之后，所述方法还包括：

当本地存储所述HTTP请求对应的文件夹时，将访问所述测试环境所获取的数据写入所述文件夹中进行本地存储；

当本地没有存储所述HTTP请求对应的文件夹时，创建新的文件夹，并将访问所述测试环境所获取的数据写入所述新的文件夹中进行本地存储。

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

获取本地存储的数据；

修改所述本地存储的数据，并将修改后的数据进行本地存储。

4.根据权利要求1至3任一项所述的方法，其特征在于，所述方法还包括：

生成用于调试所述待调试网页的调试工具；

通过几何形状或者菜单栏在所述待调试网页上显示所述调试工具。

5.一种终端，所述终端为支持超文本传送协议HTTP的终端，其特征在于，所述终端包括：

处理模块，用于拦截用于访问待调试网页的超文本传送协议HTTP请求；

获取模块，用于获取所述HTTP请求对应的访问地址；

所述处理模块，还用于根据所述HTTP请求对应的访问地址与测试环境的访问地址之间的对应关系将所述HTTP请求对应的访问地址替换成所述测试环境的访问地址；

所述处理模块，还用于根据所述测试环境的访问地址访问所述测试环境；

所述获取模块，还用于获取所述处理模块访问所述测试环境的数据；

所述处理模块，还用于响应于用户对所述待调试网页上显示的调试工具的触发操作，选择录制数据到本地的选项，将访问所述测试环境所获取的数据下载到本地，在本地根据访问所述测试环境所获取的数据调试所述待调试网页，或，通过终端后台将访问所述测试环境所获取的数据下载到本地，在本地根据所述处理模块访问所述测试环境所获取的数据调试所述待调试网页；

所述获取模块，还用于当访问所述测试环境所获取的数据未达到终端预设的阈值时，获取本地存储的数据；

所述处理模块，还用于响应于用户对所述待调试网页上显示的调试工具的触发操作，通过刷新网页根据所述本地存储的数据调试所述待调试网页，或，通过终端后台根据所述本地存储的数据调试所述待调试网页。

6.根据权利要求5所述的终端，其特征在于，所述处理模块，还用于所述获取模块获取访问所述测试环境的数据之后，当本地存储所述HTTP请求对应的文件夹时，将访问所述测试环境所获取的数据写入所述文件夹中进行本地存储；当本地没有存储所述HTTP请求对应的文件夹时，创建新的文件夹，并将访问所述测试环境所获取的数据写入所述新的文件夹中进行本地存储。

7.根据权利要求5所述的终端，其特征在于，

所述获取模块，还用于获取本地存储的数据；

所述处理模块，还用于修改所述获取模块获取的所述本地存储的数据，并将修改后的数据进行本地存储。

8.根据权利要求5至7任一项所述的终端，其特征在于，所述终端还包括显示模块；

所述处理模块，还用于生成用于调试所述待调试网页的调试工具；

所述显示模块，用于通过几何形状或者菜单栏在所述待调试网页上显示所述调试工具。

9.一种终端，所述终端为支持超文本传送协议HTTP的终端，其特征在于，包括：

处理器和存储器；

所述处理器，用于调用并执行所述存储器中存储的程序；

所述存储器用于存储所述程序，所述程序至少用于：实现权利要求1至4任一项所述的调试网页的方法。

10.一种计算机可读存储介质，其特征在于，所述存储介质中存储有计算机程序，所述计算机程序用于执行权利要求1至4任一项所述的调试网页的方法。

Images