CN106776267A - 网页应用兼容性测试方法和网页应用兼容性测试设备 - Google Patents
网页应用兼容性测试方法和网页应用兼容性测试设备 Download PDFInfo
- Publication number
- CN106776267A CN106776267A CN201510834103.2A CN201510834103A CN106776267A CN 106776267 A CN106776267 A CN 106776267A CN 201510834103 A CN201510834103 A CN 201510834103A CN 106776267 A CN106776267 A CN 106776267A
- Authority
- CN
- China
- Prior art keywords
- text
- display image
- webpage
- web application
- image
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
公开了一种网页应用兼容性测试方法和网页应用兼容性测试设备。其中该方法包括：使网页应用在第一装置上运行获得第一网页；使网页应用在第二装置上运行获得第二网页；从第一网页提取至少一个图像元素和/或至少一个文本元素的显示图像；从第二网页提取至少一个图像元素和/或至少一个文本元素的显示图像；对从第一网页提取的每个图像元素的显示图像与从第二网页提取的相应图像元素的显示图像进行比较，判断该图像元素对的兼容性；对从第一网页提取的每个文本元素的显示图像与从第二网页提取的相应文本元素的显示图像进行比较，判断该文本元素对的兼容性。根据本公开的实施例，采用不同方法对网页中的图像元素和文本元素进行兼容性测试。
Description
技术领域
本公开涉及移动应用及软件测试领域，更具体地，涉及一种采用不同方法对网页中的图像元素和文本元素进行兼容性测试的网页应用兼容性测试方法和网页应用兼容性测试设备。
背景技术
目前，移动设备种类多且繁杂，同时很多移动应用又是以网页的方式呈献。由于移动设备和浏览器的多样性和复杂性，很多小型公司根本没有条件在主流的移动设备上测试他们的网页应用。与此同时，传统的移动应用测试方法需要测试者人工地在尽可能多的移动设备上运行应用，查找错误等工作主要靠人眼去看，这种方法效率及其低下，同时不能覆盖很多的设备。
当前急需如下一种网页应用兼容性测试平台：这个平台可以尽可能多地包含主流的移动设备，同时移动设备上也可以安装多款浏览器，也即该平台可以测试不同设备、不同浏览器下的兼容性问题。因此针对一款移动设备的兼容性测试，只需要开发者提交测试任务，平台就可以自动进行测试并返回相关兼容性测试信息。
发明内容
在下文中给出了关于本公开的简要概述，以便提供关于本公开的某些方面的基本理解。但是，应当理解，这个概述并不是关于本公开的穷举性概述。它并不是意图用来确定本公开的关键性部分或重要部分，也不是意图用来限定本公开的范围。其目的仅仅是以简化的形式给出关于本公开的某些概念，以此作为稍后给出的更详细描述的前序。
鉴于以上问题，本公开的目的是提供一种新颖且鲁棒的网页应用兼容性测试方法和网页应用兼容性测试设备，其采用不同方法对网页中的图像元素和文本元素进行兼容性测试。
根据本公开的一方面，提供了一种网页应用兼容性测试方法，包括：第一获得步骤，用于使网页应用在第一装置上运行，以获得第一网页；第二获得步骤，用于使网页应用在第二装置上运行，以获得第二网页；第一提取步骤，用于从第一网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；第二提取步骤，用于从第二网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；图像元素比较和判断步骤，用于通过对从第一网页提取的每个图像元素的显示图像与从第二网页提取的相应图像元素的显示图像进行比较，判断该图像元素对的兼容性；以及文本元素比较和判断步骤，用于通过对从第一网页提取的每个文本元素的显示图像与从第二网页提取的相应文本元素的显示图像进行比较，判断该文本元素对的兼容性。
根据本公开的另一方面，还提供了一种网页应用兼容性测试设备，包括：第一获得单元，被配置成使网页应用在第一装置上运行，以获得第一网页；第二获得单元，被配置成使网页应用在第二装置上运行，以获得第二网页；第一提取单元，被配置成从第一网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；第二提取单元，被配置成从第二网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；图像元素比较和判断单元，被配置成通过对从第一网页提取的每个图像元素的显示图像与从第二网页提取的相应图像元素的显示图像进行比较，判断该图像元素对的兼容性；以及文本元素比较和判断单元，被配置成通过对从第一网页提取的每个文本元素的显示图像与从第二网页提取的相应文本元素的显示图像进行比较，判断该文本元素对的兼容性。
根据本公开的其它方面，还提供了用于实现上述根据本公开的方法的计算机程序代码和计算机程序产品以及其上记录有该用于实现上述根据本公开的方法的计算机程序代码的计算机可读存储介质。
在下面的说明书部分中给出本公开实施例的其它方面，其中，详细说明用于充分地公开本公开实施例的优选实施例，而不对其施加限定。
附图说明
本公开可以通过参考下文中结合附图所给出的详细描述而得到更好的理解，其中在所有附图中使用了相同或相似的附图标记来表示相同或者相似的部件。所述附图连同下面的详细说明一起包含在本说明书中并形成说明书的一部分，用来进一步举例说明本公开的优选实施例和解释本公开的原理和优点。其中：
图1是示出根据本公开的实施例的网页应用兼容性测试方法的流程示例的流程图；
图2是示出网页元素的抽取和定位的示例的图；
图3示出了图像元素对的显示图像的SIFT特征点的示例；
图4示出了匹配SIFT特征点在图像元素对的显示图像中的分布面积的示例；
图5示出了用于判断兼容性的图像元素对的显示图像以及其之间的SIFT特征匹配的结果的示例；
图6示出了用于判断兼容性的另一图像元素对的显示图像的示例；
图7示出了文本元素对的显示图像的示例；
图8示出了文本元素对的显示图像的二值化图像的示例；
图9是示出通过水平投影来分割出文本行的示例的图；
图10示出了对两个文本行进行垂直投影的示例；
图11是示出根据本公开的实施例的网页应用兼容性测试设备的功能配置示例的框图；以及
图12是示出作为本公开的实施例中可采用的信息处理设备的个人计算机的示例结构的框图。
具体实施方式
在下文中将结合附图对本公开的示范性实施例进行描述。为了清楚和简明起见，在说明书中并未描述实际实施方式的所有特征。然而，应该了解，在开发任何这种实际实施例的过程中必须做出很多特定于实施方式的决定，以便实现开发人员的具体目标，例如，符合与系统及业务相关的那些限制条件，并且这些限制条件可能会随着实施方式的不同而有所改变。此外，还应该了解，虽然开发工作有可能是非常复杂和费时的，但对得益于本公开内容的本领域技术人员来说，这种开发工作仅仅是例行的任务。
在此，还需要说明的一点是，为了避免因不必要的细节而模糊了本公开，在附图中仅仅示出了与根据本公开的方案密切相关的设备结构和/或处理步骤，而省略了与本公开关系不大的其它细节。
下面结合附图详细说明根据本公开的实施例。
首先，将参照图1描述根据本公开的实施例的网页应用兼容性测试方法的流程示例。图1是示出根据本公开的实施例的网页应用兼容性测试方法的流程示例的流程图。
如图1所示，根据本公开的实施例的网页应用兼容性测试方法可包括第一获得步骤S102、第二获得步骤S104、第一提取步骤S106、第二提取步骤S108、图像元素比较和判断步骤S110、以及文本元素比较和判断步骤S112。以下将分别详细描述各个步骤中的处理。
网页应用可以在不同装置的任意浏览器上执行，来获得网页。
首先，在第一获得步骤S102中，可以使网页应用在第一装置上运行，以获得第一网页；在第二获得步骤S104中，可以使网页应用在第二装置上运行，以获得第二网页。
例示而非限制，第一装置可以是具有opera浏览器的小米设备，而第二装置可以是具有chrome浏览器的htc设备。可以使网页应用分别在第一装置和第二装置上运行，以分别获得第一网页和第二网页。
在第一提取步骤S106中，可以从第一网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；在第二提取步骤S108中，可以从第二网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像。
在我们使用图像比对技术对任何一对网页元素进行兼容性测试之前，需要根据网页源码解析出网页元素，同时获得网页元素在屏幕上的显示位置，进而提取出该网页元素的显示图像，以便进行兼容性测试。
针对某一个网址，可以截取网页应用在各个装置的运行效果图像。图2是示出网页元素的抽取和定位的示例的图。如图2所示，我们使用网页页面的统一资源定位符(URL)去下载网页源码，然后提取出所有的网页元素的显示图像，接着对每一个网页元素针对其所运行的装置进行定位，即获得各个网页元素在不同装置上的位置信息。
针对网页应用，网页元素主要有两种元素类型，分别是图像类型和文本类型。可以根据网页源码解析判断网页元素是图像元素还是文本元素。
在图像元素比较和判断步骤S110中，可以通过对从第一网页提取的每个图像元素的显示图像与从第二网页提取的相应图像元素的显示图像进行比较，判断该图像元素对的兼容性；以及在文本元素比较和判断步骤S112中，可以通过对从第一网页提取的每个文本元素的显示图像与从第二网页提取的相应文本元素的显示图像进行比较，判断该文本元素对的兼容性。
由于标签和按钮很多情况下是图像，同时，很多文本中也包含图像，所以针对图像元素，重点测试样式的一致性。但是针对文本元素，不同时间刷新出的文本可能不一样，我们重点测试其结构的一致性。
即，在根据本公开实施例的网页应用兼容性测试方法中，采用不同方法分别对网页中的图像元素和文本元素进行兼容性测试。
下面介绍判断图像元素对的兼容性的方法。
优选地，在图像元素比较和判断步骤S110中，可以基于图像元素对的显示图像的SIFT特征点来对显示图像进行比较，从而判断图像元素对的兼容性。
优选地，针对图像元素类型，可以首先获得图像元素对的显示图像的SIFT特征点，然后进行SIFT特征点匹配工作，最后利用所匹配的SIFT特征点的数量和分布信息来进行图像元素对之间的兼容性判断。
优选地，在图像元素比较和判断步骤S110中，可以分别获取图像元素对的每个显示图像的SIFT特征点并且获取图像元素对的显示图像之间的匹配SIFT特征点，分别基于图像元素对的每个显示图像的SIFT特征点的数量和匹配SIFT特征点的数量来计算该显示图像的匹配数量百分比，以及分别基于图像元素对的每个显示图像的面积和匹配SIFT特征点的位置信息来计算该显示图像的匹配面积百分比。
针对从不同装置获得的图像元素对的显示图像，我们首先获取图像元素对的显示图像的SIFT特征点。图3示出了图像元素对的显示图像的SIFT特征点的示例。如图3所示，假设针对小米设备上经过opera浏览器执行而获得的图像元素的显示图像(图3中的左侧的图像，以下简称为图像1)，获得了N1个SIFT特征点(图中用圆圈表示SIFT特征点)，而针对htc设备上经过chrome浏览器执行而获得的相应图像元素的显示图像(图3中的右侧的图像，以下简称为图像2)，获得了N2个SIFT特征点(图中用圆圈表示SIFT特征点)。
接下来，对这两个显示图像中的SIFT特征点进行匹配。
由于每个SIFT特征点是由一个多维向量来表示，所以可以使用夹角余弦来进行SIFT特征点之间的匹配工作。具体地，对于图像1和图像2，针对图像1中的第i个SIFT特征点Ii 1(i∈[1,N1])，计算其与图像2中的每个SIFT特征点Ij 2(j∈[1,N2])的夹角余弦值，如果最大的夹角余弦值大于预设的阈值T，那么对应的图像2中的该SIFT特征点就是图像1中的第i个SIFT特征点的匹配特征点。
即，对于图像1中的第i个SIFT特征点Ii 1(i∈[1,N1])，若满足max(cos(Ii 1,Ij 2))>T(j∈[1,N2])，则图像2中的第j个SIFT特征点Ij 2(j∈[1,N2])为图像1中的该第i个SIFT特征点的匹配特征点。
可以分别基于图像元素对的每个显示图像的SIFT特征点的数量和匹配SIFT特征点的数量，计算该图像的匹配数量百分比，即可以计算匹配SIFT特征点的数量占该显示图像的SIFT特征点总数的百分比。
若假设图像1和图像2之间的匹配SIFT特征点的数量为M个，则可以计算出图像1的匹配数量百分比为M/N1，而图像2的匹配数量百分比为M/N2。
另外，可以分别基于图像元素对的每个显示图像的面积和匹配SIFT特征点的位置信息来计算该显示图像的匹配面积百分比。假设每个像素点是用(left,top)来表示其位置坐标，那么可以根据公式(max(left)-min(left))*(max(top)-min(top))来计算匹配SIFT特征点在图像中的分布面积，在上式中，所有的点坐标都来自图像中的匹配SIFT特征点。图4示出了匹配SIFT特征点在图像元素对的显示图像中的分布面积的示例。图4中的左侧和右侧的图中用方框框起来的部分分别是匹配SIFT特征点在图像元素对的显示图像中的分布面积。
若假设匹配SIFT特征点在图像1和图像2中的分布面积分别为A1和A2并且图像1和图像2的面积分别为I1和I2，则可以分别计算SIFT特征点匹配面积占图像1和图像2的面积的百分比为A1/I1和A2/I2。
优选地，当图像元素对的每个显示图像的匹配数量百分比均大于等于第一阈值T1、并且图像元素对的每个显示图像的匹配面积百分比均大于等于第二阈值T2时，判断该图像元素对兼容。
M/N1≥T1&&M/N2≥T1 (1)
A1/I1≥T2&&A2/I2≥T2 (2)
即，只有同时满足公式(1)和(2)，才判断该图像元素对是兼容的，否则判断图像元素对是不兼容的。
优选地，第一阈值T1和第二阈值T2可以是根据经验确定的值，本领域技术人员还可以想到确定第一阈值T1和第二阈值T2的其他方法，本公开对此不做限制。
根据以上描述可知，上述判断图像元素对的兼容性的方法充分利用匹配SIFT特征点的数量和分布信息来进行图像元素对的兼容性判断，从而保证了判断的准确性。
优选地，在图像元素比较和判断步骤S110中，还可以直接基于图像元素对的显示图像之间的匹配SIFT特征点的数量来对显示图像进行比较，从而判断图像元素对的兼容性。具体地，当图像元素对的显示图像之间的匹配SIFT特征点的数量大于等于第三阈值时，判断图像元素对兼容。然而，该方法易于出现判断错误。
图5示出了用于判断兼容性的图像元素对的显示图像以及其之间的SIFT特征匹配的结果的示例。如图5所示，图5中的右上侧的图像包含图5中左上侧的图像，通过SIFT特征匹配，如图5中下侧的图像所示，上述两个图像之间的匹配SIFT特征数量可能大于等于第三阈值。但是，上述两个图像实际上是不兼容的。
此外，优选地，在图像元素比较和判断步骤S110中，还可以基于图像元素对的显示图像的直方图来对显示图像进行比较，从而判断图像元素对的兼容性。直方图用来统计图像像素的分布情况。然而，该方法也易于出现判断错误。
图6示出了用于判断兼容性的另一图像元素对的显示图像的示例。假设这两幅显示图像包含的各个像素的数量均相同，那么这两幅显示图像的直方图完全相同，从而判断该图像元素对兼容。但是，从图6可以清楚地看出，上述两个图像实际上是不兼容的。
下面介绍判断文本元素对的兼容性的方法。
优选地，在文本元素比较和判断步骤S112中，通过对文本元素对的显示图像的结构特征进行比较，判断文本元素对的兼容性。
针对文本元素，重点在于测试文本元素结构之间的兼容性，而不是判断文本内容的兼容性。
图7示出了文本元素对的显示图像的示例。如图7所示，由于移动装置的屏幕分辨率不同，因此从不同移动装置获得的所显示的文本行略有差别。
在获得待比较文本元素对的显示图像后，首先进行水平投影来分割出所有文本行。然后针对文本元素对中的每一对文本行，对其进行垂直投影，从而计算其兼容性，在这个过程中，只要有一对文本行是不兼容的，就将该文本元素对判断为不兼容的。
优选地，分别对文本元素对的每个显示图像进行水平投影，以将该显示图像分割为不同的文本行。
优选地，在对显示图像进行水平投影之前，对显示图像进行二值化处理。
具体地，可以首先对文本元素对的每个显示图像进行二值化处理，通过二值化处理，可以有效地过滤背景而突出前景。
图8示出了文本元素对的显示图像的二值化图像的示例。
针对经过二值化处理的文本元素的图像，由于文本行之间都是白色像素，因此可以通过水平投影来进行文本行分割来得到每一行文本。
图9是示出通过水平投影来分割出文本行的示例的图。如图9所示，经过水平投影，分离出两个文本行。
优选地，可以分别对文本元素对的每个文本行进行垂直投影，并且计算文本元素对的一个文本元素的每个文本行与另一文本元素的对应文本行的垂直投影的相似度，从而判断该文本行对之间的兼容性。
具体地，针对每一对从文本元素对中分割出来的文本行，可以通过垂直投影来得到它们的布局信息。图10示出了对两个文本行进行垂直投影的示例。
优选地，可以基于垂直投影的水平偏移来计算相似度。
当得到一对文本行元素的垂直投影信息后，可以计算这两个垂直投影的相似度。具体地，可以通过计算图10中示出的垂直投影(黑色柱体)距竖直轴的水平偏移来判断相似性。考虑到屏幕的分辨率不同，对于一对文本行，如果每一文本行的垂直投影的水平偏移占该文本行的长度的百分比均小于等于预定的第四阈值，那么我们判断这一对文本行是兼容的，否则判断为不兼容的。
优选地，第四阈值可以是根据经验确定的值，本领域技术人员还可以想到确定第四阈值的其他方法，本公开对此不做限制。
优选地，当文本元素对中的一个文本元素的每个文本行与另一文本元素的对应文本行均兼容时，判断该文本元素对兼容。
在根据本公开的实施例的网页应用兼容性测试方法中，在完成了对所有图片元素和文本元素的兼容性测试之后，标记出不兼容的图片元素和文本元素。
根据以上描述可知，根据本公开的实施例的网页应用兼容性测试方法采用不同方法对网页中的图像元素和文本元素进行兼容性测试。另外，根据本公开的实施例的网页应用兼容性测试方法可以有效地用于网页应用的兼容性测试。同时，基于该技术的网页应用测试平台可以有效地节省小型开发者的时间和费用成本，并且解决其所面临的设备多样性问题。
与上述方法实施例相对应地，本公开还提供了以下设备实施例。
图11是示出根据本公开的实施例的网页应用兼容性测试设备1100的功能配置示例的框图。
如图11所示，根据本公开的实施例的网页应用兼容性测试设备1100可包括第一获得单元1102、第二获得单元1104、第一提取单元1106、第二提取单元1108、图像元素比较和判断单元1110、以及文本元素比较和判断单元1112。接下来将描述各个单元的功能配置示例。
网页应用可以在不同装置的任意浏览器上执行，来获得网页。
第一获得单元1102可以被配置成使网页应用在第一装置上运行，以获得第一网页；第二获得单元1104可以被配置成使网页应用在第二装置上运行，以获得第二网页。
例示而非限制，第一装置可以是具有opera浏览器的小米设备，而第二装置可以是具有chrome浏览器的htc设备。可以使网页应用分别在第一装置和第二装置上运行，以分别获得第一网页和第二网页。
在第一提取单元1106中，可以从第一网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；在第二提取单元1108中，可以从第二网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像。
在我们使用图像比对技术对任何一对网页元素进行兼容性测试之前，需要根据网页源码解析出网页元素，同时获得网页元素在屏幕上的显示位置，进而提取出该网页元素的显示图像，以便进行兼容性测试。
针对网页应用，网页元素主要有两种元素类型，分别是图像类型和文本类型。可以根据网页源码解析判断网页元素是图像元素还是文本元素。
在图像元素比较和判断单元1110中，可以通过对从第一网页提取的每个图像元素的显示图像与从第二网页提取的相应图像元素的显示图像进行比较，判断该图像元素对的兼容性；以及在文本元素比较和判断单元1112中，可以通过对从第一网页提取的每个文本元素的显示图像与从第二网页提取的相应文本元素的显示图像进行比较，判断该文本元素对的兼容性。
针对图像元素，重点测试样式的一致性。但是针对文本元素，不同时间刷新出的文本可能不一样，所以重点测试其结构的一致性。
优选地，在图像元素比较和判断单元1110中，可以基于图像元素对的显示图像的SIFT特征点来对显示图像进行比较，从而判断图像元素对的兼容性。
优选地，针对图像元素类型，可以首先获得图像元素对的显示图像的SIFT特征点，然后进行SIFT特征点匹配工作，最后利用所匹配的SIFT特征点的数量和分布信息来进行图像元素对之间的兼容性判断。
优选地，在图像元素比较和判断单元1110中，可以分别获取图像元素对的每个显示图像的SIFT特征点并且获取图像元素对的显示图像之间的匹配SIFT特征点，分别基于图像元素对的每个显示图像的SIFT特征点的数量和匹配SIFT特征点的数量来计算该显示图像的匹配数量百分比，以及分别基于图像元素对的每个显示图像的面积和匹配SIFT特征点的位置信息来计算该显示图像的匹配面积百分比。
获取图像元素对的每个显示图像的SIFT特征点并且获取图像元素对的显示图像之间的匹配SIFT特征点、以及计算显示图像的匹配数量百分比和显示图像的匹配面积百分比的方法可参见以上方法实施例中相应位置的描述，在此不再重复。
优选地，当图像元素对的每个显示图像的匹配数量百分比均大于等于第一阈值、并且图像元素对的每个显示图像的匹配面积百分比均大于等于第二阈值时，判断该图像元素对兼容。
优选地，第一阈值和第二阈值可以是根据经验确定的值，本领域技术人员还可以想到确定第一阈值和第二阈值的其他方法，本公开对此不做限制。
根据以上描述可知，图像元素比较和判断单元1110充分利用匹配SIFT特征点的数量和分布信息来进行图像元素对的兼容性判断，从而保证了判断的准确性。
用于判断图像元素对的兼容性的其他方法可参见以上方法实施例中相应位置的描述，在此不再重复。
优选地，在文本元素比较和判断单元1112中，通过对文本元素对的显示图像的结构特征进行比较，判断文本元素对的兼容性。
优选地，分别对文本元素对的每个显示图像进行水平投影，以将该显示图像分割为不同的文本行。
优选地，在对显示图像进行水平投影之前，对显示图像进行二值化处理。
具体地，可以首先对文本元素对的每个显示图像进行二值化处理，通过二值化处理，可以有效地过滤背景而突出前景。
针对经过二值化处理的文本元素的图像，由于文本行之间都是白色像素，因此可以通过水平投影来进行文本行分割来得到每一行文本。
优选地，可以分别对文本元素对的每个文本行进行垂直投影，并且计算文本元素对的一个文本元素的每个文本行与另一文本元素的对应文本行的垂直投影的相似度，从而判断该文本行对之间的兼容性。
具体地，针对每一对从文本元素对中分割出来的文本行，可以通过垂直投影来得到它们的布局信息。
优选地，可以基于垂直投影的水平偏移来计算相似度。
当得到一对文本行元素的垂直投影信息后，可以计算这两个垂直投影的相似度。具体地，可以通过计算垂直投影距竖直轴的水平偏移来判断相似性。考虑到屏幕的分辨率不同，对于一对文本行，如果每一文本行的垂直投影的水平偏移占该文本行的长度的百分比均小于等于预定的第四阈值，那么我们判断这一对文本行是兼容的，否则判断为不兼容的。
优选地，第四阈值可以是根据经验确定的值，本领域技术人员还可以想到确定第四阈值的其他方法，本公开对此不做限制。
优选地，当文本元素对中的一个文本元素的每个文本行与另一文本元素的对应文本行均兼容时，判断该文本元素对兼容。
在根据本公开的实施例的网页应用兼容性测试设备中，在完成了对所有图片元素和文本元素的兼容性测试之后，标记出不兼容的图片元素和文本元素。
根据以上描述可知，根据本公开的实施例的网页应用兼容性测试设备采用不同方法对网页中的图像元素和文本元素进行兼容性测试。另外，根据本公开的实施例的网页应用兼容性测试设备可以有效地用于网页应用的兼容性测试。同时，可以有效的节省小型开发者的时间和费用成本，并且解决其所面临的设备多样性问题。
应指出，尽管以上描述了根据本公开的实施例的网页应用兼容性测试设备的功能配置，但是这仅是示例而非限制，并且本领域技术人员可根据本公开的原理对以上实施例进行修改，例如可对各个实施例中的功能模块进行添加、删除或者组合等，并且这样的修改均落入本公开的范围内。
此外，还应指出，这里的装置实施例是与上述方法实施例相对应的，因此在装置实施例中未详细描述的内容可参见方法实施例中相应位置的描述，在此不再重复描述。
应理解，根据本公开的实施例的存储介质和程序产品中的机器可执行的指令还可以被配置成执行上述网页应用兼容性测试方法，因此在此未详细描述的内容可参考先前相应位置的描述，在此不再重复进行描述。
相应地，用于承载上述包括机器可执行的指令的程序产品的存储介质也包括在本发明的公开中。该存储介质包括但不限于软盘、光盘、磁光盘、存储卡、存储棒等等。
另外，还应该指出的是，上述系列处理和装置也可以通过软件和/或固件实现。在通过软件和/或固件实现的情况下，从存储介质或网络向具有专用硬件结构的计算机，例如图12所示的通用个人计算机1200安装构成该软件的程序，该计算机在安装有各种程序时，能够执行各种功能等等。
在图12中，中央处理单元(CPU)1201根据只读存储器(ROM)1202中存储的程序或从存储部分1208加载到随机存取存储器(RAM)1203的程序执行各种处理。在RAM 1203中，也根据需要存储当CPU 1201执行各种处理等时所需的数据。
CPU 1201、ROM 1202和RAM 1203经由总线1204彼此连接。输入/输出接口1205也连接到总线1204。
下述部件连接到输入/输出接口1205：输入部分1206，包括键盘、鼠标等；输出部分1207，包括显示器，比如阴极射线管(CRT)、液晶显示器(LCD)等，和扬声器等；存储部分1208，包括硬盘等；和通信部分1209，包括网络接口卡比如LAN卡、调制解调器等。通信部分1209经由网络比如因特网执行通信处理。
根据需要，驱动器1210也连接到输入/输出接口1205。可拆卸介质1211比如磁盘、光盘、磁光盘、半导体存储器等等根据需要被安装在驱动器1210上，使得从中读出的计算机程序根据需要被安装到存储部分1208中。
在通过软件实现上述系列处理的情况下，从网络比如因特网或存储介质比如可拆卸介质1211安装构成软件的程序。
本领域的技术人员应当理解，这种存储介质不局限于图12所示的其中存储有程序、与设备相分离地分发以向用户提供程序的可拆卸介质1211。可拆卸介质1211的例子包含磁盘(包含软盘(注册商标))、光盘(包含光盘只读存储器(CD-ROM)和数字通用盘(DVD))、磁光盘(包含迷你盘(MD)(注册商标))和半导体存储器。或者，存储介质可以是ROM 1202、存储部分1208中包含的硬盘等等，其中存有程序，并且与包含它们的设备一起被分发给用户。
以上参照附图描述了本公开的优选实施例，但是本公开当然不限于以上示例。本领域技术人员可在所附权利要求的范围内得到各种变更和修改，并且应理解这些变更和修改自然将落入本公开的技术范围内。
例如，在以上实施例中包括在一个单元中的多个功能可以由分开的装置来实现。替选地，在以上实施例中由多个单元实现的多个功能可分别由分开的装置来实现。另外，以上功能之一可由多个单元来实现。无需说，这样的配置包括在本公开的技术范围内。
在该说明书中，流程图中所描述的步骤不仅包括以所述顺序按时间序列执行的处理，而且包括并行地或单独地而不是必须按时间序列执行的处理。此外，甚至在按时间序列处理的步骤中，无需说，也可以适当地改变该顺序。
另外，根据本公开的技术还可以如下进行配置。
附记1.一种网页应用兼容性测试方法，包括：
第一获得步骤，用于使所述网页应用在第一装置上运行，以获得第一网页；
第二获得步骤，用于使所述网页应用在第二装置上运行，以获得第二网页；
第一提取步骤，用于从所述第一网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；
第二提取步骤，用于从所述第二网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；
图像元素比较和判断步骤，用于通过对从所述第一网页提取的每个图像元素的显示图像与从所述第二网页提取的相应图像元素的显示图像进行比较，判断该图像元素对的兼容性；以及
文本元素比较和判断步骤，用于通过对从所述第一网页提取的每个文本元素的显示图像与从所述第二网页提取的相应文本元素的显示图像进行比较，判断该文本元素对的兼容性。
附记2.根据附记1所述的网页应用兼容性测试方法，其中，在所述图像元素比较和判断步骤中，基于所述图像元素对的显示图像的SIFT特征点来对显示图像进行比较，从而判断所述图像元素对的兼容性。
附记3.根据附记2所述的网页应用兼容性测试方法，其中，分别获取所述图像元素对的每个显示图像的SIFT特征点并且获取所述图像元素对的显示图像之间的匹配SIFT特征点，分别基于所述图像元素对的每个显示图像的SIFT特征点的数量和匹配SIFT特征点的数量来计算该显示图像的匹配数量百分比，以及分别基于所述图像元素对的每个显示图像的面积和匹配SIFT特征点的位置信息来计算该显示图像的匹配面积百分比。
附记4.根据附记3所述的网页应用兼容性测试方法，其中，当所述图像元素对的每个显示图像的匹配数量百分比均大于等于第一阈值、并且所述图像元素对的每个显示图像的匹配面积百分比均大于等于第二阈值时，判断所述图像元素对兼容。
附记5.根据附记1所述的网页应用兼容性测试方法，其中，在所述文本元素比较和判断步骤中，通过对所述文本元素对的显示图像的结构特征进行比较，判断所述文本元素对的兼容性。
附记6.根据附记5所述的网页应用兼容性测试方法，其中，分别对所述文本元素对的每个显示图像进行水平投影，以将该显示图像分割为不同的文本行。
附记7.根据附记6所述的网页应用兼容性测试方法，其中，在对所述显示图像进行水平投影之前，对所述显示图像进行二值化处理。
附记8.根据附记6所述的网页应用兼容性测试方法，其中，分别对所述文本元素对的每个文本行进行垂直投影，并且计算所述文本元素对的一个文本元素的每个文本行与另一文本元素的对应文本行的垂直投影的相似度，从而判断该文本行对之间的兼容性。
附记9.根据附记8所述的网页应用兼容性测试方法，其中，基于所述垂直投影的水平偏移来计算所述相似度。
附记10.根据附记8所述的网页应用兼容性测试方法，其中，当所述文本元素对中的一个文本元素的每个文本行与另一文本元素的对应文本行均兼容时，判断所述文本元素对兼容。
附记11.一种网页应用兼容性测试设备，包括：
第一获得单元，被配置成使所述网页应用在第一装置上运行，以获得第一网页；
第二获得单元，被配置成使所述网页应用在第二装置上运行，以获得第二网页；
第一提取单元，被配置成从所述第一网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；
第二提取单元，被配置成从所述第二网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；
图像元素比较和判断单元，被配置成通过对从所述第一网页提取的每个图像元素的显示图像与从所述第二网页提取的相应图像元素的显示图像进行比较，判断该图像元素对的兼容性；以及
文本元素比较和判断单元，被配置成通过对从所述第一网页提取的每个文本元素的显示图像与从所述第二网页提取的相应文本元素的显示图像进行比较，判断该文本元素对的兼容性。
附记12.根据附记11所述的网页应用兼容性测试设备，其中，在所述图像元素比较和判断单元中，基于所述图像元素对的显示图像的SIFT特征点来对显示图像进行比较，从而判断所述图像元素对的兼容性。
附记13.根据附记12所述的网页应用兼容性测试设备，其中，分别获取所述图像元素对的每个显示图像的SIFT特征点并且获取所述图像元素对的显示图像之间的匹配SIFT特征点，分别基于所述图像元素对的每个显示图像的SIFT特征点的数量和匹配SIFT特征点的数量来计算该显示图像的匹配数量百分比，以及分别基于所述图像元素对的每个显示图像的面积和匹配SIFT特征点的位置信息来计算该显示图像的匹配面积百分比。
附记14.根据附记13所述的网页应用兼容性测试设备，其中，当所述图像元素对的每个显示图像的匹配数量百分比均大于等于第一阈值、并且所述图像元素对的每个显示图像的匹配面积百分比均大于等于第二阈值时，判断所述图像元素对兼容。
附记15.根据附记11所述的网页应用兼容性测试设备，其中，在所述文本元素比较和判断单元中，通过对所述文本元素对的显示图像的结构特征进行比较，判断所述文本元素对的兼容性。
附记16.根据附记15所述的网页应用兼容性测试设备，其中，分别对所述文本元素对的每个显示图像进行水平投影，以将该显示图像分割为不同的文本行。
附记17.根据附记16所述的网页应用兼容性测试设备，其中，在对所述显示图像进行水平投影之前，对所述显示图像进行二值化处理。
附记18.根据附记16所述的网页应用兼容性测试设备，其中，分别对所述文本元素对的每个文本行进行垂直投影，并且计算所述文本元素对的一个文本元素的每个文本行与另一文本元素的对应文本行的垂直投影的相似度，从而判断该文本行对之间的兼容性。
附记19.根据附记18所述的网页应用兼容性测试设备，其中，基于所述垂直投影的水平偏移来计算所述相似度。
附记20.根据附记18所述的网页应用兼容性测试设备，其中，当所述文本元素对中的一个文本元素的每个文本行与另一文本元素的对应文本行均兼容时，判断所述文本元素对兼容。
Claims (10)
1.一种网页应用兼容性测试方法，包括：
第一获得步骤，用于使所述网页应用在第一装置上运行，以获得第一网页；
第二获得步骤，用于使所述网页应用在第二装置上运行，以获得第二网页；
第一提取步骤，用于从所述第一网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；
第二提取步骤，用于从所述第二网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；
图像元素比较和判断步骤，用于通过对从所述第一网页提取的每个图像元素的显示图像与从所述第二网页提取的相应图像元素的显示图像进行比较，判断该图像元素对的兼容性；以及
文本元素比较和判断步骤，用于通过对从所述第一网页提取的每个文本元素的显示图像与从所述第二网页提取的相应文本元素的显示图像进行比较，判断该文本元素对的兼容性。
2.根据权利要求1所述的网页应用兼容性测试方法，其中，在所述图像元素比较和判断步骤中，基于所述图像元素对的显示图像的SIFT特征点来对显示图像进行比较，从而判断所述图像元素对的兼容性。
3.根据权利要求2所述的网页应用兼容性测试方法，其中，分别获取所述图像元素对的每个显示图像的SIFT特征点并且获取所述图像元素对的显示图像之间的匹配SIFT特征点，分别基于所述图像元素对的每个显示图像的SIFT特征点的数量和匹配SIFT特征点的数量来计算该显示图像的匹配数量百分比，以及分别基于所述图像元素对的每个显示图像的面积和匹配SIFT特征点的位置信息来计算该显示图像的匹配面积百分比。
4.根据权利要求3所述的网页应用兼容性测试方法，其中，当所述图像元素对的每个显示图像的匹配数量百分比均大于等于第一阈值、并且所述图像元素对的每个显示图像的匹配面积百分比均大于等于第二阈值时，判断所述图像元素对兼容。
5.根据权利要求1所述的网页应用兼容性测试方法，其中，在所述文本元素比较和判断步骤中，通过对所述文本元素对的显示图像的结构特征进行比较，判断所述文本元素对的兼容性。
6.根据权利要求5所述的网页应用兼容性测试方法，其中，分别对所述文本元素对的每个显示图像进行水平投影，以将该显示图像分割为不同的文本行。
7.根据权利要求6所述的网页应用兼容性测试方法，其中，分别对所述文本元素对的每个文本行进行垂直投影，并且计算所述文本元素对的一个文本元素的每个文本行与另一文本元素的对应文本行的垂直投影的相似度，从而判断该文本行对之间的兼容性。
8.根据权利要求7所述的网页应用兼容性测试方法，其中，基于所述垂直投影的水平偏移来计算所述相似度。
9.根据权利要求7所述的网页应用兼容性测试方法，其中，当所述文本元素对中的一个文本元素的每个文本行与另一文本元素的对应文本行均兼容时，判断所述文本元素对兼容。
10.一种网页应用兼容性测试设备，包括：
第一获得单元，被配置成使所述网页应用在第一装置上运行，以获得第一网页；
第二获得单元，被配置成使所述网页应用在第二装置上运行，以获得第二网页；
第一提取单元，被配置成从所述第一网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；
第二提取单元，被配置成从所述第二网页提取至少一个图像元素的显示图像和/或至少一个文本元素的显示图像；
图像元素比较和判断单元，被配置成通过对从所述第一网页提取的每个图像元素的显示图像与从所述第二网页提取的相应图像元素的显示图像进行比较，判断该图像元素对的兼容性；以及
文本元素比较和判断单元，被配置成通过对从所述第一网页提取的每个文本元素的显示图像与从所述第二网页提取的相应文本元素的显示图像进行比较，判断该文本元素对的兼容性。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510834103.2A CN106776267A (zh) | 2015-11-25 | 2015-11-25 | 网页应用兼容性测试方法和网页应用兼容性测试设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510834103.2A CN106776267A (zh) | 2015-11-25 | 2015-11-25 | 网页应用兼容性测试方法和网页应用兼容性测试设备 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106776267A true CN106776267A (zh) | 2017-05-31 |
Family
ID=58965154
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510834103.2A Pending CN106776267A (zh) | 2015-11-25 | 2015-11-25 | 网页应用兼容性测试方法和网页应用兼容性测试设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106776267A (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107885661A (zh) * | 2017-11-08 | 2018-04-06 | 百度在线网络技术（北京）有限公司 | 移动应用的终端兼容性测试方法和系统、设备、介质 |
| CN109684005A (zh) * | 2018-12-11 | 2019-04-26 | 浙江口碑网络技术有限公司 | 图形界面中组件相似度确定方法及装置 |
| CN110609794A (zh) * | 2019-09-12 | 2019-12-24 | 中国联合网络通信集团有限公司 | 页面检测方法及装置 |
| CN111159607A (zh) * | 2018-11-07 | 2020-05-15 | 中国移动通信集团重庆有限公司 | 网站兼容性设置方法、装置、设备和介质 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1512439A (zh) * | 2002-12-26 | 2004-07-14 | ��ʿͨ��ʽ���� | 视频文本处理装置 |
| US20100195914A1 (en) * | 2009-02-02 | 2010-08-05 | Michael Isard | Scalable near duplicate image search with geometric constraints |
| KR20100100161A (ko) * | 2009-03-05 | 2010-09-15 | 한국전자통신연구원 | 웹 콘텐츠의 브라우저 호환성 검사 방법 및 그 장치 |
| CN103155001A (zh) * | 2010-09-09 | 2013-06-12 | 高通股份有限公司 | 用于多用户扩增现实的在线基准生成和跟踪 |
| CN104731694A (zh) * | 2013-12-18 | 2015-06-24 | 中国银联股份有限公司 | 浏览器兼容性测试分析方法及浏览器兼容性测试分析系统 |
| CN104899834A (zh) * | 2015-03-04 | 2015-09-09 | 苏州大学 | 基于sift算法的模糊图像识别方法及装置 |
| CN105069089A (zh) * | 2015-08-04 | 2015-11-18 | 小米科技有限责任公司 | 图片检测方法及装置 |
-
2015
- 2015-11-25 CN CN201510834103.2A patent/CN106776267A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1512439A (zh) * | 2002-12-26 | 2004-07-14 | ��ʿͨ��ʽ���� | 视频文本处理装置 |
| US20100195914A1 (en) * | 2009-02-02 | 2010-08-05 | Michael Isard | Scalable near duplicate image search with geometric constraints |
| KR20100100161A (ko) * | 2009-03-05 | 2010-09-15 | 한국전자통신연구원 | 웹 콘텐츠의 브라우저 호환성 검사 방법 및 그 장치 |
| CN103155001A (zh) * | 2010-09-09 | 2013-06-12 | 高通股份有限公司 | 用于多用户扩增现实的在线基准生成和跟踪 |
| CN104731694A (zh) * | 2013-12-18 | 2015-06-24 | 中国银联股份有限公司 | 浏览器兼容性测试分析方法及浏览器兼容性测试分析系统 |
| CN104899834A (zh) * | 2015-03-04 | 2015-09-09 | 苏州大学 | 基于sift算法的模糊图像识别方法及装置 |
| CN105069089A (zh) * | 2015-08-04 | 2015-11-18 | 小米科技有限责任公司 | 图片检测方法及装置 |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107885661A (zh) * | 2017-11-08 | 2018-04-06 | 百度在线网络技术（北京）有限公司 | 移动应用的终端兼容性测试方法和系统、设备、介质 |
| CN111159607A (zh) * | 2018-11-07 | 2020-05-15 | 中国移动通信集团重庆有限公司 | 网站兼容性设置方法、装置、设备和介质 |
| CN111159607B (zh) * | 2018-11-07 | 2023-09-19 | 中国移动通信集团重庆有限公司 | 网站兼容性设置方法、装置、设备和介质 |
| CN109684005A (zh) * | 2018-12-11 | 2019-04-26 | 浙江口碑网络技术有限公司 | 图形界面中组件相似度确定方法及装置 |
| CN109684005B (zh) * | 2018-12-11 | 2021-08-24 | 浙江口碑网络技术有限公司 | 图形界面中组件相似度确定方法及装置 |
| CN110609794A (zh) * | 2019-09-12 | 2019-12-24 | 中国联合网络通信集团有限公司 | 页面检测方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107067003B (zh) | 感兴趣区域边界的提取方法、装置、设备和计算机存储介质 | |
| CN107492091A (zh) | 基于机器视觉的标签外观检测方法及终端设备 | |
| Forsythe et al. | Measuring icon complexity: An automated analysis | |
| CN110245580B (zh) | 一种检测图像的方法、装置、设备和计算机存储介质 | |
| CN105825535B (zh) | 一种图层合并方法及系统 | |
| CN106776267A (zh) | 网页应用兼容性测试方法和网页应用兼容性测试设备 | |
| CN104572072B (zh) | 一种对基于mvc模式的程序的语言转换方法与设备 | |
| CN109471805B (zh) | 资源测试方法及装置、存储介质、电子设备 | |
| CN106326802B (zh) | 二维码校正方法、装置及终端设备 | |
| CN107025174A (zh) | 用于设备的用户界面异常测试的方法、装置和可读储介质 | |
| CN111652232A (zh) | 票据识别方法及装置、电子设备和计算机可读存储介质 | |
| CN109933324A (zh) | 一种核电dcs人机界面自动生成方法 | |
| CN108229418A (zh) | 人体关键点检测方法和装置、电子设备、存储介质和程序 | |
| CN112308069A (zh) | 一种软件界面的点击测试方法、装置、设备及存储介质 | |
| CN108255961A (zh) | 街景视频的图像标注方法、终端设备及存储介质 | |
| CN112132812A (zh) | 证件校验方法、装置、电子设备及介质 | |
| CN111738252B (zh) | 图像中的文本行检测方法、装置及计算机系统 | |
| CN105632270A (zh) | 基于考试的数据处理方法及其装置 | |
| CN109857499B (zh) | 基于windows系统收银软件屏幕金额获取的通用方法 | |
| CN107168635A (zh) | 信息呈现方法和装置 | |
| CN112084103B (zh) | 界面测试方法、装置、设备和介质 | |
| CN112651315A (zh) | 折线图的信息提取方法、装置、计算机设备和存储介质 | |
| CN104484481A (zh) | 票务订单的数据匹配方法、装置及系统 | |
| CN112784189A (zh) | 一种识别页面图像的方法和装置 | |
| WO2022267447A1 (zh) | 一种病理图像处理系统、方法及介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20170531 |