网页测试方法、装置、电子设备和存储介质与流程

1.本公开涉及软件测试技术领域，尤其涉及一种网页测试方法、装置、电子设备和存储介质。


背景技术：

2.相关技术中，网站的测试通常是由人工巡检的方式实现的，巡检人员通过模拟用户的操作行为，将得到的响应结果与预期结果对比以得到测试结果。由于网站的测试需要大量的回归测试，因此在由巡检人员人工巡检网站时，巡检人员的工作量巨大，需要的时间成本较高。


技术实现要素：

3.本公开提供一种网页测试方法、装置、电子设备和存储介质，以至少解决相关技术中人工测试网站性能时，工作量巨大，时间成本较高的问题。本公开的技术方案如下：
4.根据本公开实施例的第一方面，提供一种网页测试方法，包括：将至少一个查询参数组分别与待测网页的地址拼接，得到至少一个测试地址；查询参数组包括至少一个查询参数和至少一个查询参数对应的查询参数值；基于至少一个测试地址执行对待测网页的模拟访问操作，获取模拟访问操作过程中打开的测试页面的页面图像；将测试页面的页面图像与预设图像进行比对，得到比对结果；比对结果用于确定待测网页是否通过测试。
5.可选的，上述方法还包括：根据至少一个查询参数对应的生成规则，生成至少一个查询参数对应的查询参数值；根据至少一个查询参数和至少一个查询参数对应的查询参数值，确定至少一个查询参数组。
6.可选的，上述将测试页面的页面图像与预设图像进行比对，得到比对结果，包括：获取测试页面的页面图像与预设图像的相似度，将相似度确定为比对结果。
7.可选的，上述方法还包括：在相似度大于或等于预设阈值的情况下，确定待测页面通过测试。
8.可选的，上述方法还包括：在相似度小于预设阈值的情况下，生成告警信息；告警信息包括待测网页的地址。
9.可选的，上述方法还包括：在预设图像内的元素占位区域不存在空白区域的情况下，判断测试页面的页面图像内的元素占位区域是否存在空白区域；元素占位区域是网页元素在网页中对应的区域；将测试页面的页面图像与预设图像进行比对，得到比对结果，包括：在测试页面的页面图像内的元素占位区域不存在空白区域的情况下，将测试页面的页面图像与预设图像进行比对，得到比对结果。
10.可选的，上述方法还包括：从待测网页所包括的参数中随机确定至少一个查询参数。
11.可选的，上述方法还包括：基于待测网页的地址，获取待测网页对应的页面图像集合，并向检测端发送待测网页对应的页面图像集合的访问地址；待测网页对应的页面图像
集合包括待测网页对应的各测试页面的页面图像。
12.根据本公开实施例的第二方面，提供一种网页测试装置，包括处理单元、获取单元以及确定单元；处理单元，用于将至少一个查询参数组分别与待测网页的地址拼接，得到至少一个测试地址；查询参数组包括至少一个查询参数和至少一个查询参数对应的查询参数值；获取单元，用于基于至少一个测试地址执行对待测网页的模拟访问操作，获取模拟访问操作过程中打开的测试页面的页面图像；确定单元，用于将测试页面的页面图像与预设图像进行比对，得到比对结果；比对结果用于确定待测网页是否通过测试。
13.可选的，上述网页测试装置还包括生成单元；生成单元，用于根据至少一个查询参数对应的生成规则，生成至少一个查询参数对应的查询参数值；确定单元，还用于根据至少一个查询参数和至少一个查询参数对应的查询参数值，确定至少一个查询参数组。
14.可选的，上述确定单元，具体用于获取测试页面的页面图像与预设图像的相似度，将相似度确定为比对结果。
15.可选的，上述确定单元，还用于在相似度大于或等于预设阈值的情况下，确定待测页面通过测试。
16.可选的，上述确定单元，还用于在相似度小于预设阈值的情况下，生成告警信息；告警信息包括待测网页的地址。
17.可选的，上述网页测试装置还包括判断单元；判断单元，用于在预设图像内的元素占位区域不存在空白区域的情况下，判断测试页面的页面图像内的元素占位区域是否存在空白区域；元素占位区域是网页元素在网页中对应的区域；确定单元，具体用于在测试页面的页面图像内的元素占位区域不存在空白区域的情况下，将测试页面的页面图像与预设图像进行比对，得到比对结果。
18.可选的，上述确定单元，还用于从待测网页所包括的参数中随机确定至少一个查询参数。
19.可选的，上述网页测试装置还包括发送单元；获取单元，还用于基于待测网页的地址，获取待测网页对应的页面图像集合；待测网页对应的页面图像集合包括待测网页对应的各测试页面的页面图像；发送单元，用于向检测端发送待测网页对应的页面图像集合的访问地址。
20.根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储处理器可执行指令的存储器；其中，处理器被配置为执行指令，以实现如第一方面提供的网页测试方法。
21.根据本公开实施例的第四方面，提供一种计算机可读存储介质，计算机可读存储介质包括指令；当指令由电子设备的处理器执行时，使得电子设备执行如第一方面提供的网页测试方法。
22.根据本公开实施例的第五方面，提供一种一种计算机程序产品，计算机程序产品包括指令，当指令在电子设备的处理器上运行时，使得电子设备执行如第一方面提供的网页测试方法。
23.本公开的实施例提供的技术方案至少带来以下有益效果：本公开通过查询参数组和待测网页的地址生成至少一个测试地址，并通过基于至少一个测试地址执行对待测网页的模拟访问操作，获取模拟访问操作过程中打开的测试页面的页面图像；通过这些测试页
面的页面图像与预设图像的对比，可以根据比对结果判断待测网页是否通过测试。由于这里测试页面对应的地址可以由待测网页的地址结合查询参数自动生成，并执行相应的模拟访问操作，这样一来，就不需要依靠人工的方法对待测网页进行一一测试，避免了人工巡检的方式，因此能够节省大量的人力成本，以及时间成本。
24.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
25.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
26.图1是根据一示例性实施例示出的一种实施环境的架构示意图。
27.图2是根据一示例性实施例示出的一种网页测试方法的流程示意图之一。
28.图3是根据一示例性实施例示出的一种网页测试方法的流程示意图之二。
29.图4是根据一示例性实施例示出的一种网页测试方法的流程示意图之三。
30.图5是根据一示例性实施例示出的一种待测网页的元素占位区域示意图。
31.图6是根据一示例性实施例示出的一种网页测试方法的流程示意图之四。
32.图7是根据一示例性实施例示出的一种网页测试方法的流程示意图之五。
33.图8是根据一示例性实施例示出的一种网页测试装置的结构示意图。
34.图9是根据一示例性实施例示出的一种电子设备的结构示意图。
具体实施方式
35.为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
36.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
37.相关技术中，网站的性能测试通常需要人工确定大量的测试用例，以及测试用例对应的回归用例，结合这些测试用例与对应的回归用例，进而确定网站的性能，运行是否正常。由于网站的测试中可能涉及到多个测试页面，且每个测试页面需要大量的测试数据，或周期性测试，因此在依靠人工方式测试网站性能时，可能浪费大量的人力，且耗时较长。且这种测试方式，可能因为巡检人员的错漏，造成误检的可能。
38.针对上述问题，本公开实施例提供一种网页测试方法，通过查询参数组和待测网页的地址生成多个测试地址，并通过无头浏览器打开这些测试地址对应的测试页面。通过这些测试页面的页面图像与对应预设图像的对比，即可以确定测试页面是否存在异常。如测试页面的页面图像与对应的预设图像相同时，可以确定测试页面无异常，即通过了测试。由于这里测试页面对应的测试地址可以由待测网页的地址结合查询参数组自动生成，并由
无头浏览器实现测试页面的打开、获取页面图像，不需要依靠人工的方法对待测网页进行一一测试，避免了人工巡检的方式，因此能够节省大量的人力成本，以及时间成本。且由于本公开提供的网页测试方法可以由电子设备实现，避免人工的参与，因此可以避免人工误检的可能性。
39.图1是根据一示例性实施例示出的一种实施环境的架构图，如图1所示，下述网页测试方法可以应用于该实施环境中。该实施环境包括终端01和电子设备02。其中，终端01可以与电子设备02建立通信连接。
40.在一种可实施的方式中，电子设备02可以是一台服务器，也可以是由多台服务器组成的服务器集群，或者是一个云计算服务中心。电子设备02可以包括处理器、存储器以及网络接口等。
41.在一种可实施的方式中，终端01用于向用户提供语音和/或数据连通性服务。终端01可以有不同的名称，例如ue、端、终端单元、终端站、移动站、移动台、远方站、远程终端、移动设备、无线通信设备、车辆用户设备、终端代理或终端装置等。
42.可选的，终端01可以为各种具有通信功能的手持设备、车载设备、可穿戴设备、计算机，本公开实施例对此不作任何限定。例如，手持设备可以是智能手机。车载设备可以是车载导航系统。可穿戴设备可以是智能手环。计算机可以是个人数字助理(personal digital assistant，pda)电脑、平板型电脑以及膝上型电脑(laptop computer)。
43.本领域技术人员应能理解上述终端仅为举例，其他现有的或今后可能出现的终端如可适用于本公开，也应包含在本公开保护范围以内，并在此以引用方式包含于此。
44.基于上述实施环境，本公开实施例提供的网页测试方法具体实现过程如下：
45.下面结合各个附图对本公开实施例提供的网页测试方法进行示例性的说明。
46.图2是根据一示例性实施例示出的一种网页测试方法的流程图，如图2所示，网页测试方法可以应用于上述的终端或电子设备，该方法包括以下s11至s13。
47.s11、电子设备将至少一个查询参数组分别与待测网页的地址拼接，得到至少一个测试地址。
48.其中，查询参数组包括至少一个查询参数和至少一个查询参数对应的查询参数值。
49.作为一种可能的实现方式，上述待测网页的地址为统一资源定位符(uniform resource locator，url)，如地址的格式可以为protocol://hostname/path，其中protocol是指待测网页所使用的传输协议，如protocol可以为超文本传输协议(hyper text transfer protocol，http)、超文本传输安全协议(hyper text transfer protocol over securesocket layer，https)等。hostname是指待测网页的主机名，用于指示存放资源的服务器的域名系统。path用于指示主机上的一个目录或文件地址。
50.上述的查询参数为动态url的传递参数，用于指示获取查询参数对应的数据。例如，查询参数可以为用户标识，也可以为商品标识等等。在查询参数为用户标识时，对应的动态url可以用于获取用户标识对应的用户信息。在查询参数为商品标识时，对应的动态url可以用于获取商品标识对应的商品信息。在采用动态url建设对应的网站时，网站的数据存储于数据库内，此时动态url则用于获取数据库内对应的数据，如用户信息、商品信息等。
51.一些可能的实现方式中，上述的多个查询参数结合，可以确定为查询参数组，以查询更为具体的参数对应的数据。例如，查询参数组可以包括用户标识和商品标识，此时该查询参数组对应的动态url即用于获取用户标识对应用户的商品信息。
52.上述的测试地址即为动态url，例如地址为protocol://hostname/path，查询参数组包括用户标识和商品标识，则将该查询参数组与地址拼接，得到的测试地址可以为protocol://hostname/path？userid＝10000065&itemid＝10000005321。其中，userid即为用户标识，10000065即为该用户标识对应的查询参数值。itemid为商品标识，10000005321为该商品标识对应的查询参数值。这里的查询参数组仅为示例性的，实际中，查询参数组可以包括更多个查询参数，这些查询参数组合在一起可以指示获取不同的网站数据。
53.需要注意的是，地址与查询参数组之间以“？”分隔，且查询参数组中的不同查询参数以“&”分隔。
54.示例性的，待测网页的对应的查询参数可以包括第一查询参数、第二查询参数、第三查询参数、第四查询参数和第五查询参数，这些查询参数可以指示获取不同的数据。此时，第一查询参数组可以包括第一查询参数和第二查询参数，第二查询参数组可以包括第一查询参数、第三查询参数和第四查询参数，第三查询参数组可以包括第二查询参数和第五查询参数等。当然，查询参数组还可以包括其他查询参数的组合，这里不作限制。
55.这里可以分别将第一查询参数组与地址拼接，得到第一测试地址。将第二查询参数组与地址拼接，得到第二测试地址。将第三查询参数组与地址拼接，得到第三测试地址。
56.在根据查询参数确定查询参数组时，查询参数组内的查询参数具有一定的关联关系，在查询商品的信息时，商品对应的查询参数包括商品标识参数、库存信息参数和分销信息参数，此时即可以将商品标识参数、库存信息参数和分销信息参数结合在一起确定为查询参数组。在查询参数之间不具备关联关系时，这些查询参数则不适用于添加至同一查询参数组。
57.本公开中，查询参数组和地址的拼接可以通过程序脚本实现。例如，将地址和查询参数内置于程序脚本内，该脚本可以根据不同查询参数之间的关联关系确定查询参数组，进而将查询参数组拼接至地址。
58.s12、电子设备基于至少一个测试地址执行对待测网页的模拟访问操作，获取模拟访问操作过程中打开的测试页面的页面图像。
59.作为一种可能的实现方式，电子设备通过无头浏览器打开至少一个测试地址对应的测试页面，并获取模拟访问操作过程中打开的测试页面的页面图像。
60.需要说明的，无头浏览器是指没有用户图形界面的浏览器，无头浏览器的功能与普通浏览器的功能相同。
61.上述s11确定的测试地址即为待测网页对应的动态url，通过无头浏览器即可以打开测试地址对应的测试页面。这里的测试页面是指待测网页显示不同数据时的页面，例如，s11确定的测试地址包括第一测试地址、第二测试地址和第三测试地址，通过无头浏览器可以打开第一测试地址对应的第一测试页面，第二测试地址对应的第二测试页面，以及第三测试地址对应的第三测试页面。这些测试页面对应的测试地址中可能仅是包括的查询参数组不同，因此这些测试页面实际是指在待测网页内显示不同的数据，如显示用户信息或商品信息等。
62.无头浏览器在打开测试地址对应的测试页面之后，可以对打开的测试页面截图，获取测试页面的页面图像。例如，测试页面包括第一测试页面、第二测试页面和第三测试页面，则这里可以分别对第一测试页面、第二测试页面和第三测试页面的页面图像。
63.一种可能的实现方式中，对测试页面的页面图像可以是对测试页面的整个网页进行接截图，也可以是对测试页面的页面区域分别截图，如可以将测试页面划分为上部区域和下部区域，或划分为左部区域或右部区域等，此时可以分别对这些分区域进行截图，如将测试页面的上部区域和下部区域分别截图。对于测试页面的截图，并不限于上述方式，本领域的技术人员可以根据需要设置截图方式。例如，本公开采用对测试页面的整个网页进行截图。
64.这里通过无头浏览器打开测试地址对应的测试页面，以及对测试页面的截图，可以由上述的无头浏览器实现。由于程序脚本可以实现测试地址的拼接，在得到测试地址之后，该程序脚本即可以调用无头浏览器打开该测试地址对应的测试页面。在打开测试页面之后，由无头浏览器实现对打开的测试页面进行截图。
65.需要说明的是，这里在通过无头浏览器打开测试地址对应的测试页面之前，可以预先对无头浏览器的测试环境、页面类型和页面图像类型等信息进行设置，具体与本领域惯用的技术手段相同，这里不再赘述。
66.s13、电子设备将测试页面的页面图像与预设图像进行比对，得到比对结果
67.其中，比对结果用于确定待测网页是否通过测试。
68.作为一种可能的实现方式，预设图像可以为建设待测网页时，网站维护人员对显示无异常的预期页面的页面图像。与测试页面对应的，预期页面也包括多个。例如，测试页面包括第一测试页面、第二测试页面和第三测试页面，则预期页面包括第一预期页面、第二预期页面和第三预期页面，其中第一测试页面与第一预期页面对应，第二测试页面与第二预期页面对应，第三测试页面与第三预期页面对应。相应的，此时测试页面的页面图像包括第一测试页面的页面图像、第二测试页面的页面图像和第三测试页的面页面图像，预设图像包括第一预期页面的页面图像、第二预期页面的页面图像和第三预期页面的页面图像。
69.由于预设图像是预先确定的，因此在s12确定测试页面的页面图像之后，即可以将测试页面的页面图像与对应的预设图像进行对比。如将第一测试页面的页面图像与第一预期页面的页面图像对比，将第二测试页面的页面图像与第二预期页面的页面图像对比，将第三测试页面的页面图像与第三预期页面的页面图像对比。
70.示例性的，上述比对结果可以包括在第一测试页面的页面图像与第一预期页面的页面图像的比对结果，第二测试页面的页面图像与第二预期页面的页面图像的比对结果，第三测试页面的页面图像与第三预期页面的页面图的比对结果。
71.一种可能的实现方式中，在测试页面的页面图像与对应的预设图像对比时，若其中任一测试页面的页面图像与对应的预设图像不一致，则可以确定待测网页存在异常，此时无法通过对待测网页的测试。
72.在测试页面的页面图像与对应的预设图像一致的情况下，电子设备确定待测网页通过测试。
73.可以理解的，在第一测试页面的页面图像与第一预期页面的页面图像一致，第二测试页面的页面图像与第二预期页面的页面图像一致，且第三测试页面的页面图像与第三
预期页面的页面图像一致时，可以确定待测网页无异常，此时即可以通过对待测网页的测试。
74.上述实施例提供的技术方案至少具有以下有益效果：本公开通过查询参数组和待测网页的地址生成至少一个测试地址，并通过基于至少一个测试地址执行对待测网页的模拟访问操作，获取模拟访问操作过程中打开的测试页面的页面图像。通过这些测试页面的页面图像与预设图像的对比，可以根据比对结果判断待测网页是否通过测试。由于这里测试页面对应的地址可以由待测网页的地址结合查询参数自动生成，并执行相应的模拟访问操作，这样一来，就不需要依靠人工的方法对待测网页进行一一测试，避免了人工巡检的方式，因此能够节省大量的人力成本，以及时间成本。
75.在一种可实施的方式中，结合图2，如图3所示，在步骤s11之前，还包括s10a-s10b。
76.s10a、电子设备根据至少一个查询参数对应的生成规则，生成至少一个查询参数对应的查询参数值。
77.作为一种可能的实现方式，待测网页对应的动态url可以包括多个查询参数，这些查询参数对应的查询参数值可以根据一定的生成规则确定。
78.s10b、电子设备根据至少一个查询参数和至少一个查询参数对应的查询参数值，确定至少一个查询参数组。
79.示例性的，查询参数包括第一查询参数、第二查询参数、第三查询参数，这些查询参数对应的查询参数值可以是固定的，也可以是在一定范围内变化的数字。如第一查询参数可以为用户标识，第二查询参数可以为商品标识，此时第一查询参数和第二查询参数的生成规则可以为从1依次递增，且第一查询参数对应的查询参数值可以为6位数字，第二查询参数对应的查询参数值可以为8位数字。第三查询参数可以为分销标识，用于指示相应的商品是否存在分销，如第三查询参数为0时，指示相应的商品不存在分销。在第三查询参数为1时，指示相应的商品存在分销。
80.这里根据查询参数对应的生成规则可以生成大量的查询参数对，查询参数对包括查询参数，以及查询参数对应的查询参数值。对于查询参数，根据其对应的生成规则，可以生成查询参数对应的大量查询参数值。此时，根据查询参数对应的大量查询参数值可以分别确定多个查询参数组。
81.示例性的，根据第一查询参数对应的生成规则，可以生成第一查询查询参数值1、第一查询查询参数值2、第一查询查询参数值3、
…
、第一查询查询参数值n。根据第二查询参数对应的生成规则，可以生成第二查询查询参数值1、第二查询查询参数值2、第二查询查询参数值3、
…
、第二查询查询参数值m。根据第三查询参数对应的生成规则，可以生成第三查询查询参数值1和第三查询查询参数值2。此时，查询参数对可以为第一查询参数与第一查询查询参数值1，也可以为第一查询参数与第一查询查询参数值2，或第二查询参数与第二查询查询参数值1等等。
82.进一步的，在确定多个查询参数对之后，即可以将这些查询参数对结合，确定查询参数组。例如，第一查询参数对1包括第一查询参数和第一查询查询参数值1，第一查询参数对2包括第一查询参数和第一查询查询参数值2，第二查询参数对1包括第二查询参数和第二查询查询参数值1，第二查询参数对2包括第二查询参数和第二查询查询参数值2，此时查询参数组可以包括第一查询参数对1和第二查询参数对1，或第一查询参数对1和第二查询
参数对2，或第一查询参数对2和第二查询参数对1等。
83.根据上述确定的各个查询参数组，可以获取不同的测试页面，进而实现对待测网页对应的所有测试页面的测试。
84.同样的，这里查询参数对应的查询参数值可以由程序脚本根据生成规则确定，确定查询参数对应的查询参数值后，还可以根据不同查询参数之间的关联关系确定查询参数组。
85.需要注意的是，不同查询参数之间的关联关系可以是预先设置的，例如第一查询参数与第二查询参数、第三查询参数关联，此时可以将第一查询参数、第二查询参数和第三查询参数结合，确定查询参数组。
86.上述实施例提供的技术方案至少具有以下有益效果：本公开根据待测网页的查询参数，以及查询参数对应的查询参数值的生成规则，可以自动生成多个查询参数对，并根据不同查询参数之间的关联关系确定查询参数组，进而确定待测网页对应的动态url，为无头浏览器对测试页面的测试提供了测试地址。由于测试地址的生成是由查询参数和查询参数对应的生成规则自动生成的，因此避免了人工输入测试地址的过程，也就节省了大量的人力成本。且相比于人工效率，这里自动生成查询参数组的效率更高，也就节省了大量的时间成本。
87.在一种设计中，本公开实施例提供的网页测试方法，在上述s10a之前，还可以包括ss10c：
88.s10c、电子设备从待测网页所包括的参数中随机确定至少一个查询参数。
89.作为一种可能的实现方式，电子设备可迁移获取待测网页所包括的参数，并从待测网页所包括的参数中，随机的选择一个或多个参数作为上述至少一个查询参数。
90.上述实施例提供的技术方案至少具有以下有益效果：采用随机确定到的至少一个查询参数生成测试页面的地址，可以使得模拟访问的测试页面也是随机确定得到，能够进一步提高检测待测网页的比对结果的准确性。
91.在一种可实施的方式中，结合图2，如图4所示，本公开实施例提供的s13，具体包括下述s21-s22。
92.s21、电子设备确定测试页面的页面图像与预设图像的相似度。
93.作为一种可能的实现方式，这里测试页面的页面图像与对应的预设图像之间的相似度可以根据opencv图标识别技术确定，也可以根据预先训练好的机器学习模型确定。
94.示例性的，可以根据opencv图标识别技术识别测试页面的页面图像与对应的预设图像之间的相似度。在测试页面的页面图像包括第一测试页面的页面图像、第二测试页面的页面图像和第三测试页面的页面图像时，可以通过opencv图标识别技术分别确定第一测试页面的页面图像与对应的第一预期页面的页面图像之间的第一相似度，第二测试页面的页面图像与对应的第二预期页面的页面图像之间的第二相似度，以及第三测试页面的页面图像与对应的第三预期页面的页面图像之间的第三相似度。
95.s22、电子设备将相似度确定为比对结果。
96.示例性的，电子设备将上述第一相似度、第二相似度以及第三相似度确定为比对结果。
97.上述实施例提供的技术方案至少具有以下有益效果：本公开通过测试页面的页面
图像与对应的预设图像的相似度，并将相似度确定为比对结果，不再需要人工巡检，避免了人工检查测试页面的页面图像时可能导致的大量人力成本，以及时间成本。
98.在一种设计中，本公开实施例提供的网页测试方法，在s22之后，还包括下述s23以及s24。
99.s23、在相似度大于或等于阈值的情况下，电子设备确定待测页面通过测试。
100.示例性的，在电子设备确定第一相似度、第二相似度和第三相似度均大于或等于预设阈值时，可以确定测试页面的页面图像与对应的预设图像一致。这里的预设阈值可以为90％或95％等。
101.需要说明的，上述预设阈值可以由运维人员预先在电子设备中设置。
102.上述实施例提供的技术方案至少具有以下有益效果：通过相似度与预设阈值的比较，能够提供一种确定待测网页是否通过测试的具体实现方式。
103.s24、在相似度小于预设阈值的情况下，电子设备生成告警信息。
104.其中，告警信息包括待测网页的地址。告警信息用于指示待测网页未通过测试。
105.示例性的，在电子设备确定第一相似度、第二相似度和第三相似度中存在任意一个相似度小于上述预设阈值时，可以确定测试页面的页面图像与对应的预设图像不一致，进而确定待测网页未通过测试。在这种情况下，电子设备生成告警信息并向外发送告警信息。
106.需要说明的是，测试页面的页面图像与对应的预设图像之间存在差异，可能是由于对应页面图像截屏差异造成的，如测试页面的页面图像区域与预期页面的页面图像区域不同。在待测网页包括多个测试页面时，需要对这些测试页面一一与对比的预设图像进行对比。
107.上述实施例提供的技术方案至少具有以下有益效果：在待测网页未通过测试的情况下，能够提供一种及时提醒运维人员进行处理的具体实现方式。
108.在一种可实施的方式中，预设图像内的元素占位区域可以如图5所示，元素占位区域包括第一元素占位区域、第二元素占位区域和第三元素占位区域等，这些元素占位区域均用于填充网页元素，如文字、图片等。因此，预设图像内的元素占位区域不存在空白区域。元素占位区域是指各个网页元素在待测网页对应的区域，如文字元素在待测网页内所占的区域位置，图片元素在待测网页内所占的区域位置等。
109.在一种可实施的方式中，结合图2，如图6所示，在步骤s12之后，还包括下述s14。
110.s14、在预设图像内的元素占位区域不存在空白区域的情况下，电子设备判断测试页面的页面图像内的元素占位区域是否存在空白区域。
111.其中，元素占位区域是网页元素在网页中对应的区域。
112.在这种情况下，本公开实施例提供的s13具体可以包括下述s131。
113.s131、在测试页面的页面图像内的元素占位区域不存在空白区域的情况下，电子设备将测试页面的页面图像与预设图像进行比对，得到比对结果。
114.作为一种可能的实现方式，待测网页可以包括多个页面元素，这些页面元素可以分布于待测网页的不同元素占位区域，因此正常的待测网页是不存在空白区域的。因此，通过判断测试页面的页面图像内的元素占位区域是否存在空白区域，并在测试页面的页面图像内的元素占位区域不存在空白区域的情况下，将测试页面的页面图像与预设图像进行比
对，得到比对结果。
115.例如，与待测网页相应的，测试页面的元素占位区域与待测网页的元素占位区域相同，如测试页面包括第一元素占位区域，第二元素占位区域、第三元素占位区域、
…
、第x元素占位区域，此时同样可以通过opencv图标识别技术或预先训练好的机器学习模型识别测试页面中各个元素占位区域的空白区域。
116.相应的，在测试页面包括多个时，也需要一一确定这些测试页面是否存在空白区域，进而确定这些测试页面的页面图像是否继续进行后续的比对动作。
117.在另外一种情况下，若电子设备确定测试页面的页面图像内的元素占位区域存在空白区域的情况下，可以直接确定测试页面的页面图像与对应的预设图像不一致，进而确定待测网页未通过测试。
118.上述实施例提供的技术方案至少具有以下有益效果：本公开通过测试页面是否存在空白区域来判断是否继续执行后续的比对动作，一方面可以在测试页面的页面图像内的元素占位区域存在空白区域的情况下，直接确定待测网页未通过测试，节省电子设备的计算资源。另一发面，在测试页面的页面图像内的元素占位区域不存在空白区域的情况下，将测试页面的页面图像与预设图像进行比对，得到比对结果，可以确保后续确定比对结果的有效性。
119.在一种可实施的方式中，如图7所示，在步骤s12确定测试页面的页面图像之后，本公开实施例提供的网页测试方法，还可以包括下述s15-s16。
120.s15、电子设备基于待测网页的地址，获取待测网页对应的页面图像集合。
121.其中，待测网页对应的页面图像集合包括待测网页对应的各测试页面的页面图像。
122.作为一种可能的实现方式，电子设备可以将这些测试页面的页面图像按对应测试地址内的地址进行归类，以将这些测试页面的页面图像存储至不同的文件夹内。例如，第一测试页面对应的第一测试地址为protocol://hostname/path？userid＝10000065&itemid＝10000005321，第二测试页面对应的第二测试地址为protocol://hostname/path？userid＝10003165&itemid＝10000405521，由于第一测试地址与第二测试地址内的地址均为protocol://hostname/path，此时即可以将第一测试页面的页面图像和第二测试页面的页面图像存储至同一个文件夹。又如，第三测试页面对应的第三测试地址为protocol://hostname/path1？userid＝10000315&itemid＝10000205341，此时由于第三测试地址内的地址为protocol://hostname/path1，与第一测试地址和第二测试地址内的地址不同，因此可以将第三测试页面的页面图像存储至另一个文件夹。
123.需要说明的是，在建立存储测试页面的页面图像的文件夹时，可以以递增的数字对这些文件夹命名，如文件夹名从1递增。当然，本公开将文件夹命名为对应测试地址内的地址。例如，文件夹内存储的页面图像对应的测试页面的地址为protocol://hostname/path，此时可以将该文件夹命名为protocol://hostname/path。通过这种以地址命名文件夹的方式可以便于巡检人员快速确定其内异常页面图像对应的数据。在将文件夹上传至云端时，为实现页面图像的整体上传，需要将这些文件夹打包压缩，压缩文件的名称与对应文件夹的名称相同。
124.s16、电子设备向检测端发送待测网页对应的页面图像集合的访问地址。
125.作为一种可能的实现方式，电子设备依次将所有测试页面的页面图像集合存储至不同的文件夹之后，可以将这些文件上传至云端，进而获取待测网页对应的页面图像集合的访问地址。进一步的，电子设备向向检测端发送待测网页对应的页面图像集合的访问地址。
126.需要说明的，这里将文件上传至云端可以是上传至云端服务器，也可以是上传至内容分发网络(content delivery network，cdn)等，这里不做限定。
127.一种可能的实现方式中，在将这些压缩文件上传至云端之后，云端可以返回压缩文件的访问地址。例如，在将压缩文件上传至cdn时，可以返回压缩文件在cdn内的存储地址。电子设备将接收到的存储地址确定为访问地址。此时，本公开还可以采用人工巡检的方式对测试页面进行检查。例如，巡检人员可以利用检测端中的访问地址从cdn下载压缩文件，解压后查看压缩文件内各个测试页面的页面图像是否存在空白区域，以确定对应的测试页面是否存在异常。
128.上述实施例提供的技术方案至少具有以下有益效果：通过巡检人员下载压缩文件，对其内的各个测试页面的页面图像进行检查，可以进一步对测试页面进行检查，避免了通过脚本程序及无头浏览器巡检测试页面时，可能存在的错漏，提高了对待测网页测试的准确性。当然，这里也可以仅通过上述的程序脚本对待测网页进行测试，或通过巡检人员对压缩文件内的页面图像进行检查，以完成对待测网页的测试。
129.在一种可实施的方式中，由于网站在不同时间段内的用户量不同，且不同用户量时，网站的运行可能存在不同的问题。因此，这里可以每天实时运行网页测试用的脚本程序，或周期性地运行网页测试用的脚本程序，以及时发现网站运行可能存在的问题。
130.图8是根据一示例性实施例示出的一种网页测试装置的结构示意图，如图8所示，该网页测试装置30包括处理单元301、获取单元302以及确定单元303。
131.所述处理单元301，用于将至少一个查询参数组分别与待测网页的地址拼接，得到至少一个测试地址。所述查询参数组包括至少一个查询参数和所述至少一个查询参数对应的查询参数值。
132.所述获取单元302，用于基于所述至少一个测试地址执行对所述待测网页的模拟访问操作，获取所述模拟访问操作过程中打开的测试页面的页面图像。
133.所述确定单元303，用于将所述测试页面的页面图像与预设图像进行比对，得到比对结果。所述比对结果用于确定所述待测网页是否通过测试。
134.可选的，如图8所示，本公开实施例提供的所述网页测试装置30还包括生成单元304。
135.所述生成单元304，用于根据所述至少一个查询参数对应的生成规则，生成所述至少一个查询参数对应的查询参数值。
136.所述确定单元303，还用于根据所述至少一个查询参数和所述至少一个查询参数对应的查询参数值，确定所述至少一个查询参数组。
137.可选的，如图8所示，本公开实施例提供的所述确定单元303，具体用于获取所述测试页面的页面图像与所述预设图像的相似度，将所述相似度确定为所述比对结果。
138.可选的，如图8所示，本公开实施例提供的所述确定单元303，还用于在所述相似度大于或等于预设阈值的情况下，确定所述待测页面通过测试。
139.可选的，如图8所示，本公开实施例提供的所述确定单元303，还用于在所述相似度小于预设阈值的情况下，生成告警信息。所述告警信息包括所述待测网页的地址。
140.可选的，如图8所示，本公开实施例提供的所述网页测试装置30还包括判断单元305。
141.所述判断单元305，用于在所述预设图像内的元素占位区域不存在空白区域的情况下，判断所述测试页面的页面图像内的元素占位区域是否存在空白区域。所述元素占位区域是网页元素在网页中对应的区域。
142.所述确定单元303，具体用于在所述测试页面的页面图像内的元素占位区域不存在空白区域的情况下，将所述测试页面的页面图像与所述预设图像进行比对，得到所述比对结果。
143.可选的，如图8所示，本公开实施例提供的所述确定单元303，还用于从所述待测网页所包括的参数中随机确定所述至少一个查询参数。
144.可选的，如图8所示，本公开实施例提供的所述网页测试装置30还包括发送单元306。
145.所述获取单元302，还用于基于所述待测网页的地址，获取所述待测网页对应的页面图像集合。所述待测网页对应的页面图像集合包括所述待测网页对应的各所述测试页面的页面图像。
146.所述发送单元306，用于向检测端发送所述待测网页对应的页面图像集合的访问地址。
147.关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
148.图9是本公开提供的一种电子设备40的结构示意图。如图9，该电子设备40可以包括至少一个处理器401以及用于存储处理器401可执行指令的存储器403。其中，处理器401被配置为执行存储器403中的指令，以实现上述实施例中的网页测试方法。
149.作为一个示例，结合图8，网页测试装置中的地址处理单元301、获取单元302、确定单元303、生成单元304、判断单元305以及发送单元306实现的功能与图9中的处理器401的功能相同。
150.另外，电子设备40还可以包括通信总线402以及至少一个通信接口404。
151.处理器401可以是一个gpu，微处理单元，asic，或一个或多个用于控制本公开方案程序执行的集成电路。
152.通信总线402可包括一通路，在上述组件之间传送信息。
153.通信接口404，使用任何收发器一类的装置，用于与其他设备或通信网络通信，如以太网，无线接入网(radio access network，ran)，无线局域网(wireless local area networks，wlan)等。
154.存储器403可以是只读存储器(read-only memory，rom)或可存储静态信息和指令的其他类型的静态存储设备，随机存取存储器(random access memory，ram)或者可存储信息和指令的其他类型的动态存储设备，也可以是电可擦可编程只读存储器(electrically erasable programmable read-only memory，eeprom)、只读光盘(compact disc read-only memory，cd-rom)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用
光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器可以是独立存在，通过总线与处理单元相连接。存储器也可以和处理单元集成在一起，为gpu中的易失性存储介质。
155.其中，存储器403用于存储执行本公开方案的指令，并由处理器401来控制执行。处理器401用于执行存储器403中存储的指令，从而实现本公开方法中的功能。
156.在具体实现中，作为一种实施例，处理器401可以包括一个或多个gpu，例如图9中的gpu0和gpu1。
157.在具体实现中，作为一种实施例，电子设备40可以包括多个处理器，例如图9中的处理器401和处理器407。这些处理器中的每一个可以是一个单核(single-cpu)处理器，也可以是一个多核(multi-gpu)处理器。这里的处理器可以指一个或多个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。
158.在具体实现中，作为一种实施例，电子设备40还可以包括输出设备405和输入设备406。输出设备405和处理器401通信，可以以多种方式来显示信息。例如，输出设备405可以是液晶显示器(liquid crystal display，lcd)，发光二级管(light emitting diode，led)显示设备，阴极射线管(cathode ray tube，crt)显示设备，或投影仪(projector)等。输入设备406和处理器401通信，可以以多种方式接受用户的输入。例如，输入设备406可以是鼠标、键盘、触摸屏设备或传感设备等。
159.本领域技术人员可以理解，图9中示出的结构并不构成对电子设备40的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
160.另外，本公开还提供一种计算机可读存储介质，计算机可读存储介质包括指令，当指令由电子设备的处理器执行时，使得电子设备执行如上述实施例所提供的网页测试方法。
161.另外，本公开还提供一种计算机程序产品，计算机程序产品包括指令，当指令在电子设备的处理器上运行时，使得电子设备执行如上述实施例所提供的网页测试方法。
162.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本技术旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
163.应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。