网页测试方法及其装置、设备、介质制造方法及图纸

本申请公开一种网页测试方法及其装置、设备、介质，所述方法包括如下步骤：访问目标网页，驱动浏览器解析该目标网页以实施测试；所述目标网页被解析执行的过程中，从其访问请求中识别代码转向标识，该代码转向标识用于指示该目标网页中的程序模块存在测试代码，依据所述代码转向标识，从由浏览器的本地存储特性所支持的本地存储空间中读取所述程序模块的测试代码，以该测试代码替代其相应的源码而被解析执行；根据解析执行结果在浏览器中显示目标网页的相应内容。通过本申请的方法，基于浏览器便可完成线上网页的程序模块的测试代码的调试，无需第三方工具，高效可行。高效可行。高效可行。

【技术实现步骤摘要】
网页测试方法及其装置、设备、介质


[0001]本申请属于互联网
，具体涉及一种网页测试方法，还涉及与前述方法相应的装置、电子设备以及非易失性存储介质。

技术介绍

[0002]随着互联网技术的全面深化发展，越来越多的线上应用都基于网页来实现，使得基于网页的各种终端应用程序和网页得以蓬勃发展。基于网页的应用，需要提供关于网页的制作配置环境。大型的互联网平台，尤其是一些门户网站、直播网站等，其涉及要开发、运营和维护的页面繁多，开发和测试的时间往往也比较紧迫，而网页的更新速度要求快速，使得网页测试人员工作压力必然巨大，为网页测试提供更为高效的测试机制显得更为迫切。
[0003]传统的网页测试方法为对整个网页源码进行编辑，之后将编辑完成的网页发版测试，通过加载网页进行在线检测定位故障，找到故障后，再次编辑网页源码，再次进行发版测试，直到未在网页加载中找到漏洞。但是此种网页测试方式，需要重复对网页发版，耗时耗力，效率低下。
[0004]为了解决上述问题，业内人员提出了一种在预先完成替换代码编辑，之后通过代理工具将编辑好的替换代码直接替换网页的相应源码，达到无需对网页进行发版便可达到网页测试查障的目的。但是，目前的代理工具通常只能对单段代码进行替换，当多段代码合并时，代理工具不能对将合并的多段代码分别替换相应的网页源码。例如，使用业内人员常用的Fiddler工具，通常只能对单个JavaScript或SDK代码进行替换，当JavaScript与SDK或多个JavaScript打包合并时，代理工具不能将打包合并的多段代码替换网页相应的网页源码。从而导致多段代码打包合并时无法利用代理工具替换网页的相应源码，还是需要使用传统的网页测试方法对网页进行测试。

技术实现思路

[0005]本申请的首要目的旨在提供一种便于测试网页的网页测试方法。
[0006]作为本申请的另一目的，基于前述的网页测试方法而提供与之相适应的一种网页测试装置。
[0007]作为本申请的又一目的，基于前述的网页测试方法而提供与之相适应的电子设备。
[0008]作为本申请的再一目的，基于前述的网页测试方法而提供与之相适应的非易失存储介质。
[0009]为满足本申请的各个目的，本申请采用如下技术方法：
[0010]适应于本申请的首要目的而提供一种网页测试方法，包括如下步骤：
[0011]访问目标网页，驱动浏览器解析该目标网页以实施测试；
[0012]所述目标网页被解析执行的过程中，从其访问请求中识别代码转向标识，该代码转向标识用于指示该目标网页中的程序模块存在测试代码，依据所述代码转向标识，从由
浏览器的本地存储特性所支持的本地存储空间中读取所述程序模块的测试代码，以该测试代码替代其相应的源码而被解析执行；
[0013]根据解析执行结果在浏览器中显示目标网页的相应内容。
[0014]进一步的，所述访问请求中包含该目标网页的访问地址信息，该访问地址尾部携带所述代码转向标识。
[0015]优选的，所述目标网页基于HTML5开发，所述浏览器的本地存储空间由浏览器的LocalStorage设置项提供存储管理入口。
[0016]较佳的，所述测试代码被以键-值对存储，其中的键与所述代码转向标识具有对应关系，其中的值用于存储所述替换代码。
[0017]在一个实施例中，所述方法包括前置步骤，响应于用户操作指令，从所述浏览器中调出所述本地存储空间的编辑界面，以供编辑所述测试代码。
[0018]较佳的，所述目标网页的源码中包含用于识别代码转向标识以转向执行程序模块的替代的测试代码的决策模块。
[0019]优选的，所述测试代码在其被解析执行的过程中，向用户界面输出调试信息。
[0020]适应于本申请的另一目的而提供一种网页测试装置，包括：
[0021]解析单元，访问目标网页，驱动浏览器解析该目标网页以实施测试；
[0022]执行单元，所述目标网页被解析执行的过程中，从其访问请求中识别代码转向标识，该代码转向标识用于指示该目标网页中的程序模块存在测试代码，依据所述代码转向标识，从由浏览器的本地存储特性所支持的本地存储空间中读取所述程序模块的测试代码，以该测试代码替代其相应的源码而被解析执行；
[0023]显示单元，根据解析执行结果在浏览器中显示目标网页的相关内容。
[0024]适应于本申请的又一目的而提供一种电子设备，包括中央处理器和存储器，所述中央处理器用于调用运行存储于所述存储器中的计算机程序以执行所述的网页测试方法。
[0025]适应于本申请的再一目的而提供一种非易失性存储介质，其存储用依据所述的网页测试方法所述实现的计算机程序，该计算机程序被计算机调用时，执行该方法所包括的步骤。
[0026]相对于现有技术，本申请的优势如下：
[0027]首先，本申请在用户输入网址访问网页时，便通过浏览器受驱动而解析加载目标网页，在这一过程中便实施网页测试。该目标网页的网址被视为该目标网页的访问请求，可以在其中携带代码转向标识，目标网页在解析执行的过程中，通过读取其访问请求中的代码转向标识可判断浏览器中是否存储有测试代码，进而以存在的测试代码替代目标网页内部的相应源码以实施网页测试。测试代码被存储于浏览器的本地存储空间中，浏览器通过访问请求中的代码转向标识可直接从本地存储空间中调取测试代码以替代目标网页的相应程序模块的相应源码，由此可在浏览器中显示按照测试代码解析而非按照相应源码解析而得的网页效果或者改变该程序模块的功能。本申请通过将测试代码存储于本地存储空间中，通过将测试代码直接替换目标网页的相应源码，无需外部代理工具的辅助，通过浏览器便可完成测试代码的替换，使得网页测试过程简单化，提高了网页测试的效率。
[0028]其次，本申请的测试代码被以键-值对存储于浏览器的本地存储空间中，使得替换与修改测试代码简单化，可直接将编辑完成的测试代码存储，以实施测试。由于HTML5协议
支持本地存储空间的访问，在本地存储空间中允许键-值对进行数据存储，因此，本申请能够对HTML5网页的测试提供更为有效的辅助手段，提高这种网页的测试效率。
[0029]此外，由于支持本地存储空间的浏览器通常配备用于编辑键-值对的用户界面，因此，在实施网页测试的过程中，测试人员可通过浏览器调出本地存储空间的编辑界面，使得测试代码的存储与修改可视化，也可提高测试代码的编辑效率。
附图说明
[0030]本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：
[0031]图1为实施本申请的技术方案相关的一种典型的网络部署架构示意图。
[0032]图2为本申请的网页测试方法的典型实施例的流程示意图。
[0033]图3为本申请的网页测试装置的典型实施例的原理框图。
[0034]图4为利用谷歌浏览器访问一个目标网页并调出本地存储空间管理页面时的图形用户界面的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页测试方法，其特征在于，包括如下步骤：访问目标网页，驱动浏览器解析该目标网页以实施测试；所述目标网页被解析执行的过程中，从其访问请求中识别代码转向标识，该代码转向标识用于指示该目标网页中的程序模块存在测试代码，依据所述代码转向标识，从由浏览器的本地存储特性所支持的本地存储空间中读取所述程序模块的测试代码，以该测试代码替代其相应的源码而被解析执行；根据解析执行结果在浏览器中显示目标网页的相应内容。2.如权利要求1所述的方法，其特征在于，所述访问请求中包含该目标网页的访问地址信息，该访问地址尾部携带所述代码转向标识。3.如权利要求1所述的方法，其特征在于，所述目标网页基于HTML5开发，所述浏览器的本地存储空间由浏览器的LocalStorage设置项提供存储管理入口。4.如权利要求1所述的方法，其特征在于，所述测试代码被以键-值对存储，其中的键与所述代码转向标识具有对应关系，其中的值用于存储所述测试代码。5.如权利要求1所述的方法，其特征在于，所述方法包括前置步骤，响应于用户操作指令，从所述浏览器中调出所述本地存储空间的编辑界面，以供编辑所述测试代码。6.如权利要求...

【专利技术属性】
技术研发人员：刘天航，肖鸿亮，
申请(专利权)人：广州华多网络科技有限公司，
类型：发明
国别省市：