CN106897227A - 一种动态网页测试的对照显示方法及系统 - Google Patents

Abstract

本发明公开了一种动态网页测试的对照显示方法及系统。方法包括S100测试控制脚本调用网页抓取脚本，抓取目标网页的相关数据；S200网页抓取脚本在预设的储存数据时长内，将目标网页的相关数据分别进行储存；S300测试控制脚本读取储存的当前时刻目标网页的网页内容图片对应的相关变量数据，并进行测试统计得到当前测试数据；S400测试控制脚本整合形成当前时刻对照展示页面并显示。本发明实现了动态获取网页的相关视图和相关变量，不修改Web程序直接使用原来的画面，能够对当前的访问网页的相关数据进行测试统计，直观地显示错误类型及错误位置，提高检错效率。

Description

一种动态网页测试的对照显示方法及系统

技术领域

本发明涉及网页测试显示领域，特别是涉及一种动态网页测试的对照显示方法及系统。

背景技术

随着互联网技术的不断进步，互联网媒体近年来得到了很大的发展，其受众及覆盖面已经可以与传统媒体相媲美。由于web前端技术的迅速发展，作为与终端用户之间进行交互的载体，网页承载的功能越来越多，样式也越来越复杂。

常用的Windows常规消息循环队列，Windows应用程序是基于消息的程序设计模式，使用事件驱动编程模型，分为消息概述、消息结构、消息类型。(Windows中有一个系统消息队列，对于每一个正在执行的Windows应用程序，系统为其建立一个“消息队列”，即应用程序队列，用来存放该程序可能创建的各种窗口的消息。应用程序中含有一段称作“消息循环”的代码，用来从消息队列中检索这些消息并把它们分发到相应的窗口函数中。所谓“消息循环”，实际是程序循环。)

在一个网页中，通常包含多种网页元素，很多程序已经有现存的web用户画面，如果要设计新的用户画面，在这个画面的基础上增加一些界面，一般做法是直接根据用户画面的元素，重新设计界面。这样做虽然能够达到要求，但是Web程序客户已经做好了，内容比较多，修改成本较高，费时费力。而且，现有技术中，通常是采用文本形式输出web页面的测试结果信息，测试人员需要通过人工的方式在对应的web页面中定位与测试结果对应的错误，不便于测试人员快速确定错误类型以及错误位置，增加了错误检测和修复的时间，影响整个测试阶段的效率。

发明内容

本发明提供了一种动态网页测试的对照显示方法及系统，其目的一是动态获取网页的相关视图和相关变量，把视图加工处理成为程序用户画面的一部分；另一目的是不需要修改Web程序，直接使用原来的画面，增加新的用户界面需求，成为一个新的程序，节省开发时间，节省开发费用。另一目的是直观地显示错误类型及错误位置，提高检错效率。

本发明提供的技术方案如下：

一种动态网页测试的对照显示方法，包括步骤：S100测试控制脚本调用网页抓取脚本，抓取目标网页的相关数据，所述目标网页的相关数据包括网页地址、网页内容图片和相关变量数据；S200所述网页抓取脚本在预设的储存数据时长内，将所述目标网页的相关数据分别进行储存；S300所述测试控制脚本读取所述储存的当前时刻目标网页的相关变量数据，并进行测试统计得到当前测试数据；S400所述测试控制脚本整合形成当前时刻对照展示页面并显示。

本发明动态获取网页的相关视图和相关变量，把视图加工处理成为程序用户画面的一部分，不需要修改Web程序，直接使用原来的画面，能够对当前的访问网页的一些相关数据进行测试统计，直观地显示错误类型及错误位置，提高检错效率，避免了网页形式嵌入导致的适应度不高的问题和每隔一段时间出现闪退的问题。

进一步的，所述步骤S100包括步骤：S110当计时达到预先设置的定时器抓取时间间隔时，所述测试控制脚本调用所述网页抓取脚本开启抓取任务；S120所述网页抓取脚本开启网页地址线程，在预设抓取网址时长内，抓取所述当前时刻目标网页的网页地址；S130所述网页抓取脚本开启网页视图线程，在预设抓取图片时长内，抓取所述当前时刻目标网页的网页内容图片；S140所述网页抓取脚本开启网页变量线程，在预设抓取数据时长内，抓取所述当前时刻目标网页的相关变量数据。

本发明相关变量数据包括待测设备的MAC地址、测试项目的序列号、待测设备的产品型号、接入点信息、信道信息等相关信息数据。开启不同的任务进程，这样不同的任务进程可以同时同步进行，也可以完成一个任务进程后再进行下一任务进程，这里，优选同步开启抓取进程，这样避免了一个进程出现故障时，下面的进程就不能正常进行。抓取当前时刻的网页地址是为了保障抓取的图片内容和相关变量数据是当前时刻当前网页的内容，避免当前时刻抓取的是上一时刻或者下一时刻的网页内容，导致测试出现不必要的错误。

进一步的，所述步骤S300包括步骤：S310所述测试控制脚本当自身等待时长达到所述网页抓取脚本的运行时长时，读取所述储存的当前时刻目标网页的相关变量数据；S320所述测试控制脚本通过预设的测试方式测试当前时刻目标网页的相关变量数据，得到当前测试结果；S330所述测试控制脚本将所述当前测试结果进行统计得到所述当前测试数据；其中，所述网页抓取脚本的运行时长等于所述抓取网址时长、抓取图片时长、抓取数据时长与所述储存数据时长的总时长。

本发明通过Java程序抓取保存一次相关数据后，只有达到了预设的网页抓取脚本的运行时长，主程序才能读取保存的数据并进行测试和统计，然后将测试结果、统计结果进行直观的统计显示。这里，测试是为了测试当前时刻目标网页的相关数据变量是否正常，为了了解错误程度，经过相关的统计计算得到统计结果，从而使用户能够根据错误程度由高到低的顺序，优先解决错误程度高的程序代码和页面设置，当然也可当错误率相差不大的情况下，根据时间先后顺序进行修改错误。

进一步的，所述步骤S400包括步骤：S410所述测试控制脚本在第一预设显示区域，显示储存的当前时刻目标网页的所述网页内容图片；S420所述测试控制脚本将测试统计得到的所述当前测试数据，在预设的生成时长内进行生成统计视图；S430所述测试控制脚本将所述统计视图显示在第二预设显示区域。

本发明通过对热图、无线信道和信号强度全面展示客户部署的全面控制，从而对网络状态作出实时报告，用户可以在当前时刻对照展示页面上轻松找到已知接入点、非法接入点和关联的客户端，不会影响用户浏览网页的其他内容，便于用户接受，兼顾了用户的上网体验。

进一步的，所述步骤S400之后包括步骤：S500所述测试控制脚本判断消息循环队列是否接收到下一定时器触发消息，若是，返回步骤S100；和/或；S600所述测试控制脚本判断是否接收到结束指令，若是，控制整个进程结束。

本发明利用本发明能够根据触发指令来进行新一轮的网页抓取，或者根据结束指令结束抓取测试显示任务。

本发明还提供一种动态网页测试的对照显示系统，包括：抓取模块、控制模块、显示模块；所述抓取模块与所述控制模块通信连接；所述控制模块与所述显示模块通信连接；所述抓取模块，通过测试控制脚本调用网页抓取脚本，抓取目标网页的相关数据，所述目标网页的相关数据包括网页地址、网页内容图片和相关变量数据；在预设的储存数据时长内，将所述目标网页的相关数据分别进行储存；所述控制模块，读取所述储存的当前时刻目标网页的相关变量数据，并进行测试统计得到当前测试数据；所述显示模块，整合形成当前时刻对照展示页面并显示。

本发明触发定时器后，后台访问Web获取相关元素数据和画面并保存到磁盘中，VCWindows主程序读取磁盘中相关元素数据和画面，进行测试和统计，将测试结果和当前访问的Web画面在同一个界面显示出来。这样避免了网页形式嵌入导致的适应度不高的问题和每隔一段时间出现闪退的问题。并且工作人员能从Web画面显示区域直观地获知错误位置信息，还能从统计显示区域获知错误概率和错误类型等信息。

进一步的，所述抓取模块包括：计时开启子模块、抓取网址子模块、抓取图片子模块、抓取变量子模块和储存子模块；所述计时开启子模块分别与所述抓取网址子模块，所述抓取图片子模块和所述抓取变量子模块通信连接；所述储存子模块分别与所述抓取网址子模块，所述抓取图片子模块和所述抓取变量子模块通信连接；所述计时开启子模块，当计时达到预先设置的定时器抓取时间间隔时，所述测试控制脚本调用所述网页抓取脚本开启抓取任务；所述抓取网址子模块，开启网页地址线程，在预设抓取网址时长内，抓取所述当前时刻目标网页的网页地址；所述抓取图片子模块，开启网页视图线程，在预设抓取图片时长内，抓取所述当前时刻目标网页的网页内容图片；所述抓取变量子模块，开启网页变量线程，在预设抓取数据时长内，抓取所述当前时刻目标网页的相关变量数据；所述储存子模块，在预设的储存数据时长内，将所述目标网页的相关数据分别进行储存。

本发明开启不同的任务进程，这样不同的任务进程可以同时同步进行，也可以完成一个任务进程后再进行下一任务进程，这里，优选同步开启抓取进程，这样避免了一个进程出现故障时，下面的进程就不能正常进行。同时需要抓取当前时刻的网页地址，这样可以在抓取到图片和相关数据变量后，进行检测判断抓取的数据或图片是当前时刻而非上一时刻或下一时刻的，避免测试出现不必要的错误。

进一步的，所述控制模块包括：读取子模块、测试子模块、统计子模块；所述读取子模块与所述测试子模块通信连接；所述测试子模块与所述统计子模块通信连接；所述读取子模块，当所述测试控制脚本自身等待时长达到所述网页抓取脚本的运行时长时，所述测试控制脚本读取所述储存的当前时刻目标网页的相关变量数据；所述测试子模块，通过预设的测试方式测试当前时刻目标网页的相关变量数据，得到当前测试结果；所述统计子模块，将所述当前测试结果进行统计得到所述当前测试数据；其中，所述网页抓取脚本的运行时长等于所述抓取网址时长、抓取图片时长、抓取数据时长与所述储存数据时长的总时长。

本发明中，达到了预设的网页抓取脚本的运行时长后，主程序读取保存的数据并进行测试和统计，然后将测试结果、统计结果进行直观的统计显示。在对应的web页面中显示测试结果对应的错误位置，便于测试人员快速确定错误类型以及错误位置，减少了错误检测和修复的时间，提高了整个测试阶段的效率。

进一步的，所述显示模块包括第一显示子模块、形成子模块、第二显示子模块；所述第一显示子模块与所述形成子模块通信连接；所述形成子模块与所述第二显示子模块通信连接；所述第一显示子模块，在第一预设显示区域，显示储存的当前时刻目标网页的所述网页内容图片；所述形成子模块，将测试统计得到的所述当前测试数据，在预设的生成时长内进行生成统计视图；所述第二显示子模块，将所述统计视图显示在第二预设显示区域。

本发明过对热图、无线信道和信号强度全面展示客户部署的全面控制，从而对网络状态是否正常等信息作出实时报告，用户在输入想要浏览的目标网址后，给用户直观地呈现整合后的包含当前目标网址的网页视图和统计视图内容的当前时刻对照展示页面，用户可以在当前时刻对照展示页面上轻松找到已知接入点、非法接入点和关联的客户端等信息，直观地显示错误类型及错误位置，提高检错效率，同时不会影响用户浏览网页的其他内容，便于用户接受，兼顾了用户的上网体验。

进一步的，所述动态网页测试的对照显示系统还包括：判断模块；所述判断模块分别与所述抓取模块、控制模块和显示模块通信连接；所述判断模块，判断消息循环队列是否接收到下一定时器触发消息，若是，通过所述控制模块开启新一轮的抓取测试进程；和/或；所述判断模块，还判断是否接收到结束指令令，若是，通过所述控制模块控制整个抓取测试显示进程结束。

本发明根据触发指令能够来进行新一轮的网页抓取并显示，这样可以根据用户的实际需求连续不断抓取新的网页内容数据并进行测试统计和显示，而不是完成了一次抓取任务并测试显示后，就结束任务，或者根据结束指令结束抓取测试显示任务，这样，就可以根据用户的需求，不论整个任务流程处于什么状态，只要获取到结束指令，就能够随时结束整个任务流程。

与现有技术相比，本发明提供一种动态网页测试的对照显示方法及系统，至少带来以下一种技术效果：

1、动态获取网页的相关视图和相关变量，把视图加工处理成为程序用户画面的一部分。

2、不需要修改Web程序，直接使用原来的画面，增加新的用户界面需求，成为一个新的程序，节省开发时间，节省开发费用。

3、对网络状态作出实时报告，直观地显示错误类型及错误位置，提高检错效率。

4、避免了网页形式嵌入导致的适应度不高的问题和每隔一段时间出现闪退的问题。

附图说明

下面将以明确易懂的方式，结合附图说明优选实施方式，对一种动态网页测试的对照显示方法及系统的特性、技术特征、优点及其实现方式予以进一步说明。

图1是本发明一种动态网页测试的对照显示方法一个实施例的流程图；

图2是本发明一种动态网页测试的对照显示方法另一个实施例的流程图；

图3是本发明一种动态网页测试的对照显示方法另一个实施例的流程图；

图4是本发明一种动态网页测试的对照显示方法另一个实施例的流程图；

图5是本发明一种动态网页测试的对照显示系统一个实施例的结构图；

图6是本发明一种动态网页测试的对照显示系统一个实施例的结构图；

图7是本发明一种动态网页测试的对照显示方法一个实例的流程图；

图8是本发明一种动态网页测试的对照显示系统一个实例的结构图；

图9是本发明一种动态网页测试的对照显示系统一个实例的效果图。。

具体实施方式

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对照附图说明本发明的具体实施方式。显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图，并获得其他的实施方式。

为使图面简洁，各图中只示意性地表示出了与本发明相关的部分，它们并不代表其作为产品的实际结构。另外，以使图面简洁便于理解，在有些图中具有相同结构或功能的部件，仅示意性地绘示了其中的一个，或仅标出了其中的一个。在本文中，“一个”不仅表示“仅此一个”，也可以表示“多于一个”的情形。

参照图1所示，本发明提供一种动态网页测试的对照显示方法的一个实施例，包括：。

S100测试控制脚本调用网页抓取脚本，抓取目标网页的相关数据，所述目标网页的相关数据包括网页地址、网页内容图片和相关变量数据；

S200所述网页抓取脚本在预设的储存数据时长内，将所述目标网页的相关数据分别进行储存；

S300所述测试控制脚本读取所述储存的当前时刻目标网页的相关变量数据，并进行测试统计得到当前测试数据；

S400所述测试控制脚本整合形成当前时刻对照展示页面并显示。

具体的，在本实施例中，动态获取网页的相关视图和相关变量，把视图加工处理成为程序用户画面的一部分，不需要修改Web程序，直接使用原来的画面，能够对当前的访问网页的一些相关数据进行测试统计，直观地显示错误类型及错误位置，提高检错效率，避免了网页形式嵌入导致的适应度不高的问题和每隔一段时间出现闪退的问题。本实施例中，在抓取测试显示进程之前需要做准备工作，具体操作如下：

S010初始化所述待嵌入网页的相关参数；

S020根据所述待嵌入网页的相关参数创建用户窗口界面；

S030预先设置网页抓取脚本的运行时长，抓取网址时长，抓取图片时长，抓取数据时长，储存数据时长，和定时器抓取时间间隔。

参照图2所示，本发明提供一种动态网页测试的对照显示方法的另一个实施例，包括：

S110当计时达到预先设置的定时器抓取时间间隔时，所述测试控制脚本调用所述网页抓取脚本开启抓取任务；

S120所述网页抓取脚本开启网页地址线程，在预设抓取网址时长内，抓取所述当前时刻目标网页的网页地址；

S130所述网页抓取脚本开启网页视图线程，在预设抓取图片时长内，抓取所述当前时刻目标网页的网页内容图片；

S140所述网页抓取脚本开启网页变量线程，在预设抓取数据时长内，抓取所述当前时刻目标网页的相关变量数据；

优选的，开启网页视图线程，在预设抓取图片时长内抓取所述当前时刻目标网页的网页内容图片之前，还需进行判断操作如下：判断待抓取的目标网页地址是否步骤S120中抓取的当前时刻目标网页的网页地址一致；若一致根据所述待抓取网页，在预设抓取图片时长内抓取所述当前时刻目标网页的网页内容图片。开启网页变量线程，在预设抓取数据时长内抓取所述当前时刻目标网页的相关变量数据之前，还需进行判断操作如下：判断待抓取的目标网页地址是否步骤S120中抓取的当前时刻目标网页的网页地址一致；若一致根据所述待抓取网页，在预设抓取数据时长内，抓取所述当前时刻目标网页的相关变量数据。

其中，相关变量数据包括待测设备的MAC地址、测试项目的序列号、待测设备的产品型号、接入点信息、信道信息等相关信息数据。开启不同的任务进程，这样不同的任务进程可以同时同步进行，也可以完成一个任务进程后再进行下一任务进程，这里，优选同步开启抓取进程，这样避免了一个进程出现故障时，下面的进程就不能正常进行。同时需要抓取当前时刻的网页地址，这样可以在抓取到图片和相关数据变量后，进行检测判断抓取的数据或图片是当前时刻而非上一时刻或下一时刻的，避免测试出现不必要的错误。本发明开启抓取任务后，分别同时进行抓取当前时刻目标网页的网页地址，网页内容图片和相关变量数据。

S200所述网页抓取脚本在预设的储存数据时长内，将所述目标网页的相关数据分别进行储存；

S310所述测试控制脚本当自身等待时长达到所述网页抓取脚本的运行时长时，读取所述储存的当前时刻目标网页的相关变量数据；

S320所述测试控制脚本通过预设的测试方式测试当前时刻目标网页的相关变量数据，得到当前测试结果；

S330所述测试控制脚本将所述当前测试结果进行统计得到所述当前测试数据；

S410所述测试控制脚本在第一预设显示区域，显示储存的当前时刻目标网页的所述网页内容图片；

S420所述测试控制脚本将测试统计得到的所述当前测试数据，在预设的生成时长内进行生成统计视图；

S430所述测试控制脚本将所述统计视图显示在第二预设显示区域。具体的，本实施例中，所述网页抓取脚本的运行时长等于所述抓取网址时长、抓取图片时长、抓取数据时长与所述储存数据时长的总时长。当测试控制脚本等待时长达到网页抓取脚本的运行时长后，才能够读取并进行数据测试统计，即后台通过Java程序抓取保存一次相关数据后，只有达到了预设等待时间后，主程序才能读取保存的数据并进行测试和统计，然后将测试结果、统计结果进行直观的统计显示。具体应用中，通过对热图、无线信道和信号强度全面展示客户部署的全面控制，从而对网络状态作出实时报告，用户可以在当前时刻对照展示页面上轻松找到已知接入点、非法接入点和关联的客户端。不会影响用户浏览网页的其他内容，便于用户接受，兼顾了用户的上网体验。一个web页面上通常包含多个被测试的页面元素，也可能包含多处错误，因此所述测试结果信息可能不只一条，而是由多条测试结果信息组成的集合，将每条测试结果根据用户需求进行分类统计并加以标识，最终在浏览器窗口中直观地呈现出与测试结果信息对应的相关元素的具体位置，便于测试人员快速判断测试结果的类型，提高错误修复效率。

参照图3所示，相对于图2所示的一实施例，相同的部分在此不再赘述。本发明提供一种动态网页测试的对照显示方法的另一个实施例，包括：

S500所述测试控制脚本判断消息循环队列是否接收到下一定时器触发消息，若是返回步骤S110；和/或；S600所述测试控制脚本判断是否接收到结束指令，若是控制整个进程结束。

具体的，本实施例中利用常用的Windows常规消息循环队列，当每隔多长时间的消息到了，就执行Java子程序。程序等待Java子程序的执行结束后，去读取Java子程序保存的结果，如保存的图像，或者其他读到的数据，利用这些数据，主程序可以显示一些图形，或者统计一些结果显示出来。这里如果持续接收到触发定时器抓取消息，在前一时刻抓取数据测试显示结束后，才能再继续当前时刻的抓取数据测试显示，所以，每一抓取数据测试显示的时长是一致的，如果当前时刻T1不能完成抓取数据测试显示进程，那么，需要将当前时刻进行标记显示，并直接跳到下一时刻T2进行抓取数据测试显示。也就是说，若当前时刻刷新没有当前时刻对照展示页面，那么显示的是上一时刻的对照展示页面，并标记当前时刻，同时后台继续进行抓取数据测试显示下一时刻的对照展示页面。一旦获取到结束整合显示指令，那么不论整个进程是否在抓取数据，这里步骤S500和步骤S600的执行顺序是不一定的，可以是先执行步骤S500，也可以是先执行步骤S600，或者步骤S500和步骤S600同步执行，总之，只要接收到结束指令时，立即控制整个抓取测试显示进程结束。

参照图4所示，相对于图2所示的实施例，相同的部分在此不再赘述。本发明提供一种动态网页测试的对照显示方法的另一个实施例，包括：

S440所述测试控制脚本将所述储存的当前时刻目标网页的网页内容图片和测试统计得到的所述当前测试数据，在预设的整合时长内进行整合形成可视化的视图和统计视图；

S450所述测试控制脚本将所述可视化的视图和统计视图解析得到对应的对照展示网页内容代码；

S460所述测试控制脚本根据所述对照展示网页内容代码，形成所述当前时刻对照展示页面；

S470所述测试控制脚本将所述当前时刻对照展示页面替代所述当前时刻目标网页填充到显示界面进行显示；

其中，所述当前时刻对照展示页面的视图显示区域显示从当前时刻目标网页截取或下载得到的网页内容图片；所述当前时刻对照展示页面的统计显示区域显示从当前时刻目标网页获取到的相关变量数据进行测试统计运算得到的测试结果信息和统计结果信息。

本实施例中，用户在输入想要浏览的目标网址后，呈现给用户的并非目标网址的网页内容，而是会跳转到展示网址，呈现给用户的是整合后的包含当前目标网址的网页视图和统计视图内容的当前时刻对照展示页面。不会影响用户浏览网页的其他内容，便于用户接受，兼顾了用户的上网体验。

参照图5所示，本发明提供一种动态网页测试的对照显示系统1000的一个实施例，包括：抓取模块100、控制模块200、显示模块300；所述抓取模块100与所述控制模块200通信连接；所述控制模块200与所述显示模块300通信连接；

所述抓取模块100，通过测试控制脚本调用网页抓取脚本，抓取目标网页的相关数据，所述目标网页的相关数据包括网页地址、网页内容图片和相关变量数据；在预设的储存数据时长内，将所述目标网页的相关数据分别进行储存；所述控制模块200，读取所述储存的当前时刻目标网页的相关变量数据，并进行测试统计得到当前测试数据；所述显示模块300，整合形成当前时刻对照展示页面并显示。

具体的，本发明用于显示当前访问调用的Web画面和测试结果，其利用VC Windows主程序初始化相关变量，触发定时器后，调用Java子程序进行后台访问Web，获取Web的相关元素数据，并将当前访问的Web画面保存到磁盘中，VC Windows主程序读取磁盘中相关元素数据和Web画面，统计出相关元素测试结果，将测试结果和当前访问的Web画面在同一个界面显示出来。一方面，用Java做后台访问Web获得Web画面，然后把这个Web画面放进已经存在的Web程序中来，不需要修改Web程序，直接使用原来的画面，这样就省去了重新设计这个画面程序的成本，同时节省开发时间，节省开发费用；另一方面，避免了网页形式嵌入导致的适应度不高的问题和每隔一段时间出现闪退的问题。工作人员能从Web画面显示区域直观地获知错误位置信息，还能从统计显示区域获知错误概率和错误类型等信息。

参照图6所示，相对于上一个实施例，相同的部分在此不再赘述。本发明提供一种动态网页测试的对照显示系统1000的另一个实施例，所述抓取模块100包括：计时开启子模块110、抓取网址子模块120、抓取图片子模块130、抓取变量子模块140和储存子模块150；所述计时开启子模块110分别与所述抓取网址子模块120，所述抓取图片子模块130和所述抓取变量子模块140通信连接；所述储存子模块150分别与所述抓取网址子模块120，所述抓取图片子模块130和所述抓取变量子模块140通信连接；

所述控制模块200包括：读取子模块210、测试子模块220、统计子模块230；所述读取子模块210与所述测试子模块220通信连接；所述测试子模块220与所述统计子模块230通信连接；

所述显示模块300包括第一显示子模块310、形成子模块320、第二显示子模块330；所述第一显示子模块310与所述形成子模块320通信连接；所述形成子模块320与所述显示子模块330通信连接：

具体的，本实施例中，计时开启子模块110进行计时达到了预先设置的定时器抓取时间间隔时，开启抓取任务分别同时进行抓取当前时刻目标网页的网页地址，网页内容图片和相关变量数据。同步开启抓取进程，这样避免了一个进程出现故障时，下面的进程就不能正常进行。抓取并保存当前目标网页的地址信息，保障了抓取当前时刻的图片内容和相关变量数据是当前时刻当前网页的内容。当测试控制脚本等待时长达到网页抓取脚本的运行时长后，才能够读取并进行数据测试统计，即后台通过Java程序抓取保存一次相关数据后，只有达到了预设等待时间后，主程序读取保存的数据并进行测试和统计，然后将测试结果、统计结果进行直观的统计显示。用户在输入想要浏览的目标网址后，呈现给用户的并非目标网址的网页内容，而是会跳转到展示网址，呈现给用户的是整合后的包含当前目标网址的网页视图和统计视图内容的当前时刻对照展示页面，该对照展示页面将当前时刻网页内容、当前时刻测试结果、当前时刻统计结果，能够直观地显示在显示界面中。在对应的web页面中显示测试结果对应的错误位置，便于测试人员快速确定错误类型以及错误位置，减少了错误检测和修复的时间，提高了整个测试阶段的效率。具体应用中，通过对热图、无线信道和信号强度全面展示客户部署的全面控制，从而对网络状态作出实时报告，用户可以在当前时刻对照展示页面上轻松找到已知接入点、非法接入点和关联的客户端。不会影响用户浏览网页的其他内容，便于用户接受，兼顾了用户的上网体验。

优选的，所述动态网页测试的对照显示系统还包括：判断模块400；所述判断模块400分别与所述抓取模块100、控制模块200和显示模块300通信连接；

具体的，所述判断模块400，判断消息循环队列是否接收到下一定时器触发消息，若是，通过所述控制模块开启新一轮的抓取测试进程；和/或；所述判断模块400，判断是否接收到结束指令，若是，通过所述控制模块控制整个抓取测试显示进程结束。整个过程即采用Windows常规消息循环队列，当在预设的等待时长后接收到触发消息，就调用网页抓取脚本执行Java子程序后台抓取相关数据，主程序等待Java子程序的执行结束后，去读取Java子程序保存的结果，如保存的图像，或者其他读到的数据，利用这些数据，主程序可以显示一些图形，或者统计一些结果显示出来。这里如果持续接收到触发定时器抓取消息，在前一时刻抓取数据测试显示结束后，才能再继续当前时刻的抓取数据测试显示，所以，每一抓取数据测试显示的时长是一致的，如果当前时刻T1不能完成抓取数据测试显示进程，那么，需要将当前时刻进行标记显示，并直接跳到下一时刻T2进行抓取数据测试显示。也就是说，若当前时刻刷新没有当前时刻对照展示页面，那么显示的是上一时刻的对照展示页面，并标记当前时刻，同时后台继续进行抓取数据测试显示下一时刻的对照展示页面。根据触发指令能够来进行新一轮的网页抓取并显示，这样可以根据用户的实际需求连续不断抓取新的网页内容数据并进行测试统计和显示，而不是完成了一次抓取任务并测试显示后，就结束任务，或者根据结束指令结束抓取测试显示任务，这样，就可以根据用户的需求，不论整个任务流程处于什么状态，只要获取到结束指令，就能够随时结束整个任务流程。

参照图7所示，本发明提供一种动态网页测试的对照显示方法的一个实例：

本发明实施例包括程序：VC Windows主程序1和Java子程序2，其中，本发明步骤具体如下：

S1：初始化相关变量和创建UI。即初始化Ini相关参数，主要有待测设备的MAC，项目的序列号，Model的名称以及多长时间去产生Timer消息(定时器)读取Web画面和数据。创建UI，就是VC Windows主程序1创建窗口界面。

S2：进入消息循环等待。例如常见的Windows常规的消息循环队列。

S3：触发定时器消息调用Java子程序2。即每当预设的网页抓取时长接收到触发定时器消息了，就执行Java子程序2。

S4通过这个Java子程序2后台登入目标web，获取目标web上的后台视图，并保存到磁盘。

S5通过这个Java子程序2后台登入目标web，获取目标web上的相关元素变量，并保存到磁盘。

S6：读取相关参数和图形数据，制作和显示界面。程序等待Java子程序2执行结束后，去读取Java子程序2保存的结果，如保存的图像，或者其他读到的数据，利用这些数据，VC Windows主程序1可以显示一些图形，或者统计一些结果显示出来。

很多程序已经有现存的web用户画面，如果要设计新的用户画面，之前一般做法是直接根据用户画面的元素，重新设计界面。本发明利用Java的后台访问web的技术结合VC编程，动态获取网页的相关视图和相关的元素变量，把视图加工处理成为程序用户画面的一部分。有很多web的内容丰富，图文并茂，现在只想用它的一部分视图和相关的元素变量，如果直接把需要的部分嵌入到现有的已经存在的应用程序中来，那样会省很多时间，如果全部画面重新设计的话费时费力，但是用Java实现动态嵌入Web画面能够节省大量的人力成本和时间成本。

参照图8所示，本发明提供一种动态网页测试的对照显示系统的一个实例：

用户UI界面C(用户UI即User Interface-用户界面的简称，UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。)由显示界面A和显示界面B构成。显示界面A部分的内容是已经编辑完成的程序页面，即为当前时刻通过后台Java程序抓取的目标网页的网页显示图片，如果后期用户有别的要求，那么基于显示页面A的部分进行修改，由于内容很多，代码复杂，而且很难找人修改，因此利用本发明方法进行设计。例如目前用户的要求是想在显示界面A这个画面的基础上增加一些测试统计结果界面，所以用Java做后台访问目标Web获得当前时刻显示界面A的画面，然后把这个画面放进现有的程序中来，然后将当前时刻抓取的相关数据在后台进行测试并统计，根据这个测试统计结果生成一个测试统计界面，即为显示界面B，这个显示界面B显示的内容是当前时刻通过后台Java程序抓取的目标网页的相关数据的测试统计结果，直接后台抓取网页图片显示在A区域，后台同时测试统计想要抓取的测试数据的结果，形成统计图片显示在B区域，这样就省去了重新设计这个画面的成本，最终展示的程序最后就可以看到下面的样子，如图8所示，直接显示在用户UI界面C的左边部分即显示界面A显示的图片(不需要用脚本重新生成)，就是直接显示后台Java程序保存的页面图片，用户UI界面C的右边部分，即显示界面B显示的是与左边部分相同时刻采集的相关数据进行测试统计出来的抓取数据和测试数据(显示在UI的右边)。好的UI设计不仅是让使得界面变得有个性有品味，还能使界面操作变得舒适、简单、自由，减少用户的记忆负担，保持界面的一致性。

具体的，当前路由器WC7500的显示界面程序是用户已经完成了的，WC7500的界面有网络状况、常用AP信息、常用SSID信息、常用客户端信息、序列号、配置更新时间、信道分配时间等相关数据，如果用户不仅想要通过已经存在的这个界面得知这些信息是否出现错误，还想要在测试人员下班过程中，记录上述信息是否出现问题，那么就需要利用Java的后台访问web的技术结合VC编程，动态获取网页的相关视图和相关的元素变量，把视图加工处理成为程序用户画面的一部分，记录统计监测过程中出现问题的设备的序列号或MAC地址，记录开启测试的时间和测试次数以及出现故障的次数，从而统计出故障率，而且通过调取测试结果对应的保存的后台Java程序保存的页面图片，方便测试人员后期直接迅速的查找故障点和故障类型，不需要修改Web程序，直接使用原来的画面，在这个基础是增加新的用户界面需求，成为一个新的程序，参照图9所示，图片中的左边标记部分1显示的是，抓取的当前时刻网页的显示内容，右边标记部分2显示的是抓取的网络状况、AP信息、SSID信息、客户端信息、序列号、配置更新时间、信道分配时间等相关数据信息，并进行测试和统计，制作出统计图表，并在右边标记部分2显示。程序界面美观，同时节省开发时间，节省开发费用。

应当说明的是，上述实施例均可根据需要自由组合。以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种动态网页测试的对照显示方法，其特征在于，包括步骤：

S100测试控制脚本调用网页抓取脚本，抓取目标网页的相关数据，所述目标网页的相关数据包括网页地址、网页内容图片和相关变量数据；

S200所述网页抓取脚本在预设的储存数据时长内，将所述目标网页的相关数据分别进行储存；

S300所述测试控制脚本读取所述储存的当前时刻目标网页的相关变量数据，并进行测试统计得到当前测试数据；

S400所述测试控制脚本整合形成当前时刻对照展示页面并显示。

2.根据权利要求1所述的动态网页测试的对照显示方法，其特征在于，所述步骤S100包括步骤：

S110当计时达到预先设置的定时器抓取时间间隔时，所述测试控制脚本调用所述网页抓取脚本开启抓取任务；

S120所述网页抓取脚本开启网页地址线程，在预设抓取网址时长内，抓取所述当前时刻目标网页的网页地址；

S130所述网页抓取脚本开启网页视图线程，在预设抓取图片时长内，抓取所述当前时刻目标网页的网页内容图片；

S140所述网页抓取脚本开启网页变量线程，在预设抓取数据时长内，抓取所述当前时刻目标网页的相关变量数据。

3.根据权利要求2所述的动态网页测试的对照显示方法，其特征在于，所述步骤S300包括步骤：

S310所述测试控制脚本当自身等待时长达到所述网页抓取脚本的运行时长时，读取所述储存的当前时刻目标网页的相关变量数据；

S320所述测试控制脚本通过预设的测试方式测试当前时刻目标网页的相关变量数据，得到当前测试结果；

S330所述测试控制脚本将所述当前测试结果进行统计得到所述当前测试数据；

其中，所述网页抓取脚本的运行时长等于所述抓取网址时长、抓取图片时长、抓取数据时长与所述储存数据时长的总时长。

4.根据权利要求1所述的动态网页测试的对照显示方法，其特征在于，所述步骤S400包括步骤：

S410所述测试控制脚本在第一预设显示区域，显示储存的当前时刻目标网页的所述网页内容图片；

S420所述测试控制脚本将测试统计得到的所述当前测试数据，在预设的生成时长内进行生成统计视图；

S430所述测试控制脚本将所述统计视图显示在第二预设显示区域。

5.根据权利要求1-4任一所述的动态网页测试的对照显示方法，其特征在于，所述步骤S400之后包括步骤：

S500所述测试控制脚本判断消息循环队列是否接收到下一定时器触发消息，若是返回步骤S100；

和/或；

S600所述测试控制脚本判断是否接收到结束指令，若是执行步骤S700；

S700所述测试控制脚本控制整个进程结束。

6.一种动态网页测试的对照显示系统，其特征在于，包括：抓取模块、控制模块、显示模块；所述抓取模块与所述控制模块通信连接；所述控制模块与所述显示模块通信连接；

所述抓取模块，通过测试控制脚本调用网页抓取脚本，抓取目标网页的相关数据，所述目标网页的相关数据包括网页地址、网页内容图片和相关变量数据；在预设的储存数据时长内，将所述目标网页的相关数据分别进行储存；

所述控制模块，读取所述储存的当前时刻目标网页的相关变量数据，并进行测试统计得到当前测试数据；

所述显示模块，整合形成当前时刻对照展示页面并显示。

7.根据权利要求6所述的动态网页测试的对照显示系统，其特征在于，所述抓取模块包括：计时开启子模块、抓取网址子模块、抓取图片子模块、抓取变量子模块和储存子模块；所述计时开启子模块分别与所述抓取网址子模块，所述抓取图片子模块和所述抓取变量子模块通信连接；所述储存子模块分别与所述抓取网址子模块，所述抓取图片子模块和所述抓取变量子模块通信连接；

所述计时开启子模块，当计时达到预先设置的定时器抓取时间间隔时，所述测试控制脚本调用所述网页抓取脚本开启抓取任务；

所述抓取网址子模块，开启网页地址线程，在预设抓取网址时长内，抓取所述当前时刻目标网页的网页地址；

所述抓取图片子模块，开启网页视图线程，在预设抓取图片时长内，抓取所述当前时刻目标网页的网页内容图片；

所述抓取变量子模块，开启网页变量线程，在预设抓取数据时长内，抓取所述当前时刻目标网页的相关变量数据；

所述储存子模块，在预设的储存数据时长内，将所述目标网页的相关数据分别进行储存。

8.根据权利要求7所述的动态网页测试的对照显示系统，其特征在于，所述控制模块包括：读取子模块、测试子模块、统计子模块；所述读取子模块与所述测试子模块通信连接；所述测试子模块与所述统计子模块通信连接；

所述读取子模块，当所述测试控制脚本自身等待时长达到所述网页抓取脚本的运行时长时，所述测试控制脚本读取所述储存的当前时刻目标网页的相关变量数据；

所述测试子模块，通过预设的测试方式测试当前时刻目标网页的相关变量数据，得到当前测试结果；

所述统计子模块，将所述当前测试结果进行统计得到所述当前测试数据；

其中，所述网页抓取脚本的运行时长等于所述抓取网址时长、抓取图片时长、抓取数据时长与所述储存数据时长的总时长。

9.根据权利要求6所述的动态网页测试的对照显示系统，其特征在于，所述显示模块包括第一显示子模块、形成子模块、第二显示子模块；所述第一显示子模块与所述形成子模块通信连接；所述形成子模块与所述第二显示子模块通信连接；

所述第一显示子模块，在第一预设显示区域，显示储存的当前时刻目标网页的所述网页内容图片；

所述形成子模块，将测试统计得到的所述当前测试数据，在预设的生成时长内进行生成统计视图；

所述第二显示子模块，将所述统计视图显示在第二预设显示区域。

10.根据权利要求6-9任一所述的动态网页测试的对照显示系统，其特征在于，还包括：判断模块；所述判断模块分别与所述抓取模块、控制模块和显示模块通信连接；

所述判断模块，判断消息循环队列是否接收到下一定时器触发消息，若是，通过所述控制模块开启新一轮的抓取测试进程；和/或；

所述判断模块，还判断是否接收到结束指令，若是，通过所述控制模块控制整个抓取测试显示进程结束。