CN116468914A - 页面对比方法、装置、存储介质及电子设备 - Google Patents
页面对比方法、装置、存储介质及电子设备 Download PDFInfo
- Publication number
- CN116468914A CN116468914A CN202310437517.6A CN202310437517A CN116468914A CN 116468914 A CN116468914 A CN 116468914A CN 202310437517 A CN202310437517 A CN 202310437517A CN 116468914 A CN116468914 A CN 116468914A
- Authority
- CN
- China
- Prior art keywords
- page
- compared
- determining
- diagram
- value
- 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
- 238000000034 method Methods 0.000 title claims abstract description 65
- 238000010586 diagram Methods 0.000 claims abstract description 213
- 238000012545 processing Methods 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 16
- 238000007781 pre-processing Methods 0.000 claims description 16
- 230000008859 change Effects 0.000 description 17
- 238000013461 design Methods 0.000 description 10
- 238000012544 monitoring process Methods 0.000 description 10
- 238000012360 testing method Methods 0.000 description 10
- 238000004364 calculation method Methods 0.000 description 8
- 238000013515 script Methods 0.000 description 8
- 238000004891 communication Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 7
- 238000012795 verification Methods 0.000 description 7
- 238000006073 displacement reaction Methods 0.000 description 5
- 238000012423 maintenance Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 5
- 238000004422 calculation algorithm Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000004044 response Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000013475 authorization Methods 0.000 description 1
- 239000011248 coating agent Substances 0.000 description 1
- 238000000576 coating method Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013136 deep learning model Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010606 normalization Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06V—IMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
- G06V10/00—Arrangements for image or video recognition or understanding
- G06V10/70—Arrangements for image or video recognition or understanding using pattern recognition or machine learning
- G06V10/74—Image or video pattern matching; Proximity measures in feature spaces
- G06V10/761—Proximity, similarity or dissimilarity measures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06V—IMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
- G06V10/00—Arrangements for image or video recognition or understanding
- G06V10/70—Arrangements for image or video recognition or understanding using pattern recognition or machine learning
- G06V10/74—Image or video pattern matching; Proximity measures in feature spaces
- G06V10/75—Organisation of the matching processes, e.g. simultaneous or sequential comparisons of image or video features; Coarse-fine approaches, e.g. multi-scale approaches; using context analysis; Selection of dictionaries
- G06V10/758—Involving statistics of pixels or of feature values, e.g. histogram matching
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Theoretical Computer Science (AREA)
- Evolutionary Computation (AREA)
- Computing Systems (AREA)
- Databases & Information Systems (AREA)
- Artificial Intelligence (AREA)
- General Health & Medical Sciences (AREA)
- Medical Informatics (AREA)
- Software Systems (AREA)
- Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- Image Analysis (AREA)
Abstract
本公开涉及一种页面对比方法、装置、存储介质及电子设备,以提升页面对比结果的准确性和对比效率。其中,页面对比方法包括:获取待对比页面图和基准页面图;确定各预设像素值在待对比页面图的第一直方图中对应的第一分布数值,确定各预设像素值在基准页面图的第二直方图中对应的第二分布数值;确定各预设像素值对应的第一分布数值和第二分布数值的比值,根据比值的均值确定第一相似度;根据第一相似度确定待对比页面图和基准页面图的对比结果。
Description
技术领域
本公开涉及计算机技术领域,具体地,涉及一种页面对比方法、装置、存储介质及电子设备。
背景技术
在各种监控***或者前端自动化测试场景中,通常需要校验前端页面的内容是否正常加载显示。这些校验工作会由相关业务人员通过配置监控或编写自动化测试脚本来完成。相关业务人员在配置监控或编写自动化测试脚本的时候,会确认每一前端页面内的重点内容并配置对应的校验内容。例如配置通过OCR文字识别并校验页面中重点区域的文字是否符合预期,又例如配置通过CV模板匹配页面内的关键内容是否符合预期。
发明内容
提供该发明内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
第一方面,本公开提供一种页面对比方法,所述方法包括:
获取待对比页面图和基准页面图;
确定各预设像素值在所述待对比页面图的第一直方图中对应的第一分布数值,确定各所述预设像素值在所述基准页面图的第二直方图中对应的第二分布数值,其中,直方图是根据各所述预设像素值在页面图中的分布情况构建的;
确定各所述预设像素值对应的所述第一分布数值和所述第二分布数值的比值,根据所述比值的均值确定第一相似度;
根据所述第一相似度确定所述待对比页面图和所述基准页面图的对比结果。
第二方面,本公开提供一种页面对比装置,所述装置包括:
获取模块,用于获取待对比页面图和基准页面图;
第一确定模块,用于确定各预设像素值在所述待对比页面图的第一直方图中对应的第一分布数值,确定各所述预设像素值在所述基准页面图的第二直方图中对应的第二分布数值,其中,直方图是根据各所述预设像素值在页面图中的分布情况构建的;
第二确定模块,用于确定各所述预设像素值对应的所述第一分布数值和所述第二分布数值的比值,根据所述比值的均值确定第一相似度;
执行模块,用于根据所述第一相似度确定所述待对比页面图和所述基准页面图的对比结果。
第三方面,本公开提供一种非临时性计算机可读存储介质,其上存储有计算机程序,该程序被处理装置执行时实现第一方面所述方法的步骤。
第四方面,本公开提供一种电子设备,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现第一方面所述方法的步骤。
通过上述技术方案,可以捕捉到待对比页面图和基准页面图中像素级的细微页面差异,提升对比结果的精准性。相较于相关技术中通过配置监控或编写自动化测试脚本的方式,这种通过将待对比页面图与基准页面图进行对比以确定待对比页面图的内容、结构等是否发生变动,进而确定待对比页面图是否是正常完成渲染的页面图的方式,无需人工配置、维护页面的校验内容,降低了人工工作量,提升了页面对比的效率。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。在附图中:
图1是根据本公开一示例性实施例示出的一种页面对比方法的流程图。
图2是根据本公开一示例性实施例示出的一种页面图的示意图。
图3是根据本公开一示例性实施例示出的另一种页面图的示意图。
图4是根据本公开一示例性实施例示出的一种直方图。
图5是根据本公开一示例性实施例示出的另一种直方图。
图6是根据本公开一示例性实施例示出的另一种页面图的示意图。
图7是根据本公开一示例性实施例示出的另一种页面图的示意图。
图8是根据本公开一示例性实施例示出的另一种页面对比方法的流程图。
图9是根据本公开一示例性实施例示出的一种页面对比装置的框图。
图10是根据本公开一示例性实施例示出的一种电子设备的框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
例如,在响应于接收到用户的主动请求时,向用户发送提示信息,以明确地提示用户,其请求执行的操作将需要获取和使用到用户的个人信息。从而,使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
作为一种可选的但非限定性的实现方式,响应于接收到用户的主动请求,向用户发送提示信息的方式例如可以是弹窗的方式,弹窗中可以以文字的方式呈现提示信息。此外,弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。
可以理解的是,上述通知和获取用户授权过程仅是示意性的,不对本公开的实现方式构成限定,其它满足相关法律法规的方式也可应用于本公开的实现方式中。
同时,可以理解的是,本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
在各种监控***或者前端自动化测试场景中,通常需要校验前端页面的内容是否正常加载显示。这些校验工作会由相关业务人员通过配置监控或编写自动化测试脚本来完成。相关业务人员在配置监控或编写自动化测试脚本的时候,会确认每一前端页面内的重点内容并配置对应的校验内容。例如配置通过OCR文字识别并校验页面中重点区域的文字是否符合预期,又例如配置通过CV模板匹配页面内的关键内容是否符合预期。但是,由于页面变动、模板匹配不稳定等原因,这种人工配置监控或编写自动化测试脚本的方式的维护成本比较高。
为了能够自动校验页面是否正常完成渲染,自动确认页面关键内容、结构是否发生了变动,避免人工配置、维护页面的校验内容,本公开提出通过页面对比技术来确定页面是否发生变化。
例如,可通过严格比较法,比较待对比页面和标准页面中相同位置上的像素点的像素值是否相同,以确定待对比页面是否相对于标准页面发生了变化。例如,可通过直方图比较算法,计算待对比页面和标准页面的RGB值分布,得到分布直方图后,对直方图数据进行归一化后计算相关性系数。根据相关性系数确定待对比页面是否相对于标准页面发生了变化。例如,可通过哈希算法,确定待对比页面和标准页面的哈希值,并比较两个页面的哈希值的汉明距离来度量待对比页面和标准页面是否相似。例如,可通过结构相似度算法,分别从亮度、对比度、结构三个方面度量待对比页面和标准页面之间的相似性。此外还可以采用内容特征法、关键点匹配等方式确定待对比页面和标准页面之间的相似程度。
然而,这些比较方式要么过于严格,无法兼容非错误导致的页面细微差别,从而引发误报问题;要么对于以大面积纯色为主的前端页面过于宽松,导致计算出的相似度误差过大。
有鉴于此,本公开实施例提出一种页面对比方法、装置、存储介质及电子设备,能够自动校验页面是否正常完成渲染,自动确认页面关键内容、结构是否发生了变动,避免人工配置、维护页面的校验内容,提升页面对比的效率。并且,可以捕捉到待对比页面图和基准页面图中像素级的细微页面差异,提升对比结果的精准性。
图1是根据本公开一示例性实施例示出的一种页面对比方法的流程图。参照图1,该页面对比方法可以包括:
S11、获取待对比页面图和基准页面图。
示例地,待对比页面图可以为应用程序的前端页面的当前截图,基准页面图可以为应用程序的前端页面的历史截图。如此,可通过比较当前截图和历史截图,确定当前前端页面是否发生变化,实现对前端页面的内容进行校验的目的。
另一示例,待对比页面图可以为应用程序的前端页面的当前截图,基准页面图可以为应用程序的前端页面的标准设计图。
在一些实施方式中,获取待对比页面图和基准页面图,可以是:从数据库读取入参,入参包括待对比页面图和基准页面图。
在另一些实施方式中,获取待对比页面图和基准页面图,可以是:对应用程序的前端页面进行截图,得到待对比页面图,从数据库获取该前端页面对应的历史截图,得到基准页面图。
S12、确定各预设像素值在待对比页面图的第一直方图中对应的第一分布数值,确定各预设像素值在基准页面图的第二直方图中对应的第二分布数值,其中,直方图是根据各预设像素值在页面图中的分布情况构建的。
直方图(Histogram)又称质量分布图,是一种统计报告图,由一系列高度不等的纵向条纹或线段表示数据分布的情况。通常,直方图中横轴表示数据类型,纵轴表示分布情况。在本公开实施例中,第一直方图是根据各预设像素值在待对比页面图中的分布情况构建的,分布情况包括各预设像素值在待对比页面图中对应的像素点个数。第二直方图是根据各预设像素值在基准页面图中的分布情况构建的,分布情况包括各预设像素值在基准页面图中对应的像素点个数。
在一些实施方式中,若待对比页面图和基准页面图的图像类型为亮度图/灰度图,那么预设像素值可包括0-255的共256个像素值。在另一些实施方式中,若待对比页面图和基准页面图的图像类型为RGB图像,那么预设像素值可包括(0,0,0)-(255,255,255)的共256×256×256个像素值。另外需说明的是,本公开的预设像素值包括但不限于上述示例中的像素值。
在本公开实施例中,待对比页面图和/或基准页面图中可以不包括某些预设像素值的像素点。例如,待对比页面图为纯白色页面图,那么该待对比页面图只包括像素值为(255,255,255)的像素点。对应地,该待对比页面图对应的第一直方图中除了预设像素值为(255,255,255)以外的其他预设像素值的第一分布数值为0。
此处需说明的是,由于直方图是根据各预设像素值在页面图中的分布情况构建的,分布情况包括各预设像素值在页面图中对应的像素点个数,所以直方图对页面图内的元素的位移容忍性很高,只要页面图未因为位移而导致元素缺失、尺寸变化、或者发生元素被遮盖,页面图位移前和位移后的直方图不会发生变化。因此采用直方图统计各预设像素值的分布情况的这种方式,可兼容页面图主体结构和内容未变、但做了UI调整,例如行宽、行距调整等造成整***移的非错误导致的页面细微差别。
S13、确定各预设像素值对应的第一分布数值和第二分布数值的比值,根据比值的均值确定第一相似度。
在一些实施方式中,第一相似度可以是所有比值的均值,也可以是对该均值进行归一化处理后的值。
在另一些实施方式中,第一相似度可以是部分比值的均值,也可以是对该部分比值的均值进行归一化处理后的值。
在确定各预设像素值在待对比页面图的第一直方图中对应的第一分布数值,确定各预设像素值在基准页面图的第二直方图中对应的第二分布数值之后,可确定各预设像素值对应的第一分布数值和第二分布数值的比值。例如,假设预设像素值(255,255,255)对应的第一分布数值为100,第二分布数值为1000,那么该预设像素值(255,255,255)对应的第一分布数值和第二分布数值的比值可以为或者为/>
在一些情况下,如待对比页面图为纯白色页面图,该待对比页面图只包括像素值为(255,255,255)的像素点。对应地,该待对比页面图对应的第一直方图中除了预设像素值为(255,255,255)以外的其他预设像素值的第一分布数值为0。由于0不可以作为分母来参与比值计算,所以,本公开提供一种确定各预设像素值对应的第一分布数值和第二分布数值的比值的实施方式为:
针对每一预设像素值,确定该预设像素值对应的第一分布数值和第二分布数值中的最小值和最大值;将最小值作为分子,将最大值作为分母,计算得到该预设像素值对应的比值。
示例地,假设预设像素值(255,255,255)对应的第一分布数值为0,第二分布数值为100,第一分布数值0和第二分布数值100中的最小值为0,最大值为100。将最小值0作为分子,将最大值100作为分母,计算得到该预设像素值对应的比值为
容易理解的是,如果两张图完全一致,那么两张图中各预设像素值的像素点个数也完全一致。如果两张图中存在某个预设像素值A的像素点个数不一致,那么说明这两张图至少在预设像素值A的维度上是不同的。因此各预设像素值对应的第一分布数值和第二分布数值的比值的大小,可表征待对比页面图和基准页面图在像素维度上的差异大小。
进一步地,可根据所有比值的均值确定第一相似度。例如,将所有比值的均值直接确定为第一相似度。又例如,将所有比值的均值乘以预设系数得到第一相似度。这种相似度计算方式,因第一相似度是根据所有预设像素值对应的比值确定的,所以第一相似度是考虑了所有预设像素值的比值的。而每一预设像素值对应的比值表征了待对比页面图和基准页面图在该预设像素值对应的像素维度上的差异大小,所以,第一相似度考虑了待对比页面图和基准页面图在各个预设像素值对应的像素维度上的差异。并且,第一相似度是根据所有预设像素值对应的比值的均值确定的,所以第一相似度在考虑了待对比页面图和基准页面图在各个预设像素值对应的像素维度上的差异的基础之上,对每一预设像素值对应的像素维度的关注程度也相同。因此这种第一相似度的计算方式,可以捕捉到待对比页面图和基准页面图中任一预设像素值对应的像素维度上的细微页面差异,即这种第一相似度的计算方式,可以捕捉到待对比页面图和基准页面图中像素级的细微页面差异。
本公开步骤S13这种计算第一相似度的方式与对直方图数据进行归一化后计算相关性系数的方式相比,本公开步骤S13这种计算第一相似度的方式的计算结果更加准确。因为:对直方图数据进行归一化后计算相关性系数的方式对各个像素值的关注程度不同,即对直方图数据进行归一化后计算相关性系数的方式容易忽略占比较小的像素值的变化,受占比值大的像素值的主导,所以对直方图数据进行归一化后计算相关性系数的方式捕捉不到页面上的局部细微变化。而本公开步骤S13这种计算第一相似度的方式对每一预设像素值对应的像素维度的关注程度相同,可以捕捉到待对比页面图和基准页面图中任一预设像素值对应的像素维度上的细微页面差异。例如,参见图2和图3,在对比如图2中电子设备上显示的纯空白页面图和如图3中电子设备上显示的背景色为白色的页面图时,图2中纯空白页面图的直方图如图4所示,图3中背景色为白色的页面图的直方图如图5所示。采用本公开步骤S13这种计算第一相似度的方式计算出的两者相似度为12.37%,而采用对直方图数据进行归一化后计算相关性系数的方式计算出的两者相似度为98.94%。显然,本公开步骤S13这种计算第一相似度的方式的计算结果更加符合校验页面中文字内容、图像内容、页面结构的业务需求。
S14、根据第一相似度确定待对比页面图和基准页面图的对比结果。
在一些实施方式中,可将第一相似度确定为待对比页面图和基准页面图的对比结果。
采用上述方式,可以捕捉到待对比页面图和基准页面图中像素级的细微页面差异,提升对比结果的精准性。相较于相关技术中通过配置监控或编写自动化测试脚本的方式,这种通过将待对比页面图与基准页面图进行对比以确定待对比页面图的内容、结构等是否发生变动,进而确定待对比页面图是否是正常完成渲染的页面图的方式,无需人工配置、维护页面的校验内容,降低了人工工作量,提升了页面对比的效率。并且,本公开这种方式还可兼容页面图主体结构和内容未变、但做了UI调整,例如行宽、行距调整等造成整***移的非错误导致的细微差别。
在一些实施方式中,获取待对比页面图和基准页面图,可以是:响应于接收到请求方发送的对比请求,根据对比请求中携带的页面图下载链接获得待对比页面图和基准页面图。相应地,页面对比方法还可以包括:将对比结果反馈给请求方。
示例地,本公开的页面对比方法可以是第三方提供的应用服务,通过调用该应用服务的对外接口,可向该应用服务发送对比请求。对比请求中可包括页面图下载链接。该应用服务响应于接收到请求方发送的对比请求,根据对比请求中携带的页面图下载链接获得第一图片和第二图片。根据第一图片和第二图片的图片标识,可确定第一图片和第二图片中哪一图片为待对比页面图,哪一图片为基准页面图。例如,图片标识为1表征待对比页面图,图片标识为0表征基准页面图。
这种方式兼容任一架构的前端工程,任一架构的前端工程通过调用该应用服务可以实现检测前端页面是否符合要求的目的。这种方式无需人工确认每一页面中的哪些内容是重要内容和配置对应的校验内容,没有维护成本,使用方便,兼容性强,利用率高。此外,这种方式也适用于对任意两张图像进行对比。
在一些实施方式中,在确定各预设像素值在待对比页面图的第一直方图中对应的第一分布数值,确定各预设像素值在基准页面图的第二直方图中对应的第二分布数值之前,可以包括:对待对比页面图和基准页面图进行预处理,得到第一待对比页面图和第一基准页面图;相应地,根据各预设像素值在第一待对比页面图中的分布情况,构建得到第一直方图,根据各预设像素值在第一基准页面图中的分布情况,构建得到第二直方图。
在一些业务场景下,页面图中包括可动态变化的图像,例如动态一维码、动态二维码、动态表情包图像、或者表征天气的动态气象图像等。由这些动态变化的图像造成的页面图变化属于正常的现象,为了避免对这种现象的误报,本公开提出一种实施方式,对待对比页面图和基准页面图进行预处理,得到第一待对比页面图和第一基准页面图,可以是:将待对比页面图和基准页面图的尺寸调整成一致大小,得到第一基准页面图,以及得到初始待对比页面图。若初始待对比页面图和第一基准页面图在相同位置上存在目标类型的图像块,根据第一基准页面图中目标类型的图像块覆盖初始待对比页面图中目标类型的图像块,得到第一待对比页面图。
其中,图像块也可以称为图像区域。目标类型可以是动态变化图像类型,目标类型的图像块可以是页面上动态变化的一维码图像区域、二维码图像区域等。示例地,若初始待对比页面图和第一基准页面图在相同位置(如页面图的左上角)上均存在二维码图像,那么可根据第一基准页面图中二维码图像覆盖初始待对比页面图中的二维码图像,得到第一待对比页面图。
采用这种方式,通过覆盖操作既可以实现忽略待对比页面图中动态的二维码图像的变化,又不会对各预设像素值在页面图中的分布情况造成较大影响。例如,将待对比页面图和基准页面图中的二维码图像均涂成同一颜色的这种同样可忽略待对比页面图中的二维码图像的变化的方式,因将二维码图像涂成同一颜色,而会导致直方图全局分布发生较大变化,进而导致计算出的第一相似度误差较大。而本公开根据第一基准页面图中二维码图像覆盖初始待对比页面图中的二维码图像的方式,相较于将二维码图像涂成同一颜色的方式,对更少的像素点的像素值进行了改变,直方图全局分布变化微小,所以本公开通过覆盖操作既可以实现忽略待对比页面图中的二维码图像的变化,又不会对各预设像素值在页面图中的分布情况造成较大影响。
在一些业务场景下,页面图中可包括水印、水印变化、动态页面隐写、暗水印变动等设计;待对比页面图和基准页面图也可能因截图时机/加载不完全等原因而明暗各不相同。为了避免对这些页面设计、和页面图明暗不同的现象误报,本公开提出一种实施方式,对待对比页面图和基准页面图进行预处理,得到第一待对比页面图和第一基准页面图,可以是:
将待对比页面图和基准页面图的尺寸调整成一致大小,得到第一基准页面图,以及得到初始待对比页面图。确定初始待对比页面图和第一基准页面图中的位于相同位置上的像素点对。计算每一像素点对的像素差异值,得到第一数组。对第一数组中的大于预设阈值的像素差异值进行归零处理,得到第二数组。对初始待对比页面图和第二数组进行求和处理,得到第一待对比页面图。
示例地,确定初始待对比页面图和第一基准页面图中的位于相同位置上的像素点对,像素点对(Aij,Bij)包括初始待对比页面图A中第i行第j个像素点和第一基准页面图B中第i行第j个像素点。i和j的取值均为正整数。
计算每一像素点对的像素差异值,得到第一数组。示例地,假设初始待对比页面图A中各像素点的像素值为a[1,2,3,4,5,6],第一基准页面图B中各像素点的像素值为b[100,3,4,5,20,6],那么第一数组为b-a=[99,1,1,1,15,0]。
对第一数组中的大于预设阈值的像素差异值进行归零处理,得到第二数组。假设预设阈值为10,对第一数组[99,1,1,1,15,0]中大于预设阈值的像素差异值进行归零处理后,得到第二数组为[0,1,1,1,0,0]。
对初始待对比页面图和第二数组进行求和处理,得到第一待对比页面图。例如,计算初始待对比页面图A中各像素点的像素值a[1,2,3,4,5,6]与第二数组[0,1,1,1,0,0]的和值为a’[1,3,4,5,5,6]。a’[1,3,4,5,5,6]表征第一待对比页面图中各像素点的像素值。
通过比较a’[1,3,4,5,5,6]和b[100,3,4,5,20,6],可知这种方式可以忽略水印变化、暗水印变化以及待对比页面图和基准页面图因截图时机/加载不完全等原因而明暗各不相同的问题。
采用上述方式,在计算第一相似度之前,通过对待对比页面图和基准页面图进行预处理,可以忽略因页面上的动态图像设计、水印变化设计等正常的动态页面设计原因而造成的待对比页面图和基准页面图差异,以计算得到更符合业务场景的第一相似度。
在一些实施方式中,对待对比页面图和基准页面图进行预处理,得到第一待对比页面图和第一基准页面图,可以是:将待对比页面图和基准页面图的尺寸调整成一致,得到第一基准页面图,以及得到第一初始待对比页面图。若第一初始待对比页面图和第一基准页面图在相同位置上存在目标类型的图像块,则根据第一基准页面图中目标类型的图像块覆盖第一初始待对比页面图中目标类型的图像块,得到第二初始待对比页面图。确定第二初始待对比页面图和第一基准页面图中的位于相同位置上的像素点对。计算每一像素点对的像素差异值,得到第一数组。对第一数组中的大于预设阈值的像素差异值进行归零处理,得到第二数组。对第二初始待对比页面图和第二数组进行求和处理,得到第一待对比页面图。
采用这种方式,在计算第一相似度之前,通过对待对比页面图和基准页面图进行预处理,既可以忽略因页面上的动态图像设计而造成的待对比页面图和基准页面图差异,又可以忽略因页面上水印变化设计、图像明暗不同等正常的动态页面设计或现象等原因而造成的待对比页面图和基准页面图差异,如此可以计算得到更符合业务场景的第一相似度。
在一些实施方式中,根据第一相似度确定待对比页面图和基准页面图的对比结果,可以是:
若第一相似度大于或等于相似度阈值、且目标占比值大于或等于占比阈值,则根据目标占比值确定对比结果,其中,目标占比值表征待对比页面图和基准页面图中相同位置上像素值相同的像素点对的数量,与待对比页面图或基准页面图中像素点总数量之比,占比阈值大于相似度阈值。若第一相似度大于或等于相似度阈值、且目标占比值小于占比阈值,则根据第一相似度确定对比结果。
其中,目标占比值表征待对比页面图和基准页面图中相同位置上像素值相同的像素点对的数量,与待对比页面图或基准页面图中像素点总数量之比。
示例地,确定待对比页面图和基准页面图中的位于相同位置上的像素点对(Xij,Yij),像素点对(Xij,Yij)包括待对比页面图X中第i行第j个像素点和基准页面图Y中第i行第j个像素点,i和j的取值均为正整数。确定Xij的像素值和Yij的像素值相同的所有像素点对的数量n。确定待对比页面图或基准页面图中像素点总数量m,或者确定像素点对的总数量m,将数量n和总数量m之比确定为目标占比值
在对待对比页面图和基准页面图进行预处理的情况下,相应地,目标占比值也可以表征第一待对比页面图和第一基准页面图中相同位置上像素值相同的像素点对的数量,与第一待对比页面图或第一基准页面图中像素点总数量之比。
由于本公开步骤S13这种计算第一相似度的方式可以捕捉到待对比页面图和基准页面图中像素级的细微页面差异,所以,在一些情况下,会因对细微页面差异的过于敏感而导致计算出的第一相似度偏低。例如,两个图像的大部分区域完全一致,只有一个用户的头像不同,这两个图像的99.97%的像素点是相同的。采用本公开步骤S13这种计算第一相似度的方式计算出的相似度为90.72%。可见90.72%低于99.97%。
为了提升待对比页面图和基准页面图的对比结果的准确性,本公开提出,若第一相似度大于或等于相似度阈值、且目标占比值大于或等于占比阈值,将目标占比值确定为对比结果,其中,由于占比阈值大于相似度阈值,例如占比阈值为95%相似度阈值为90%,所以将目标占比值确定为对比结果相比将第一相似度确定为对比结果更准确。相应地,若第一相似度大于或等于相似度阈值、且目标占比值小于占比阈值,将第一相似度确定为对比结果。
在一些业务场景下,页面图中可以包括表格区域、列表区域、标题区域、导航栏区域、内容区域等。例如图6所示的页面图中有AA表格所在的表格区域、标题所在的标题区域、导航所在的导航区域。又例如图7所示的页面图中有列表所在的列表区域、标题所在的标题区域、导航所在的导航区域、页面内容显示区域。
在一些场景下,表格区域、列表区域中的数值可以动态变化。这些动态变化的数值造成的页面图变化也是正常的前端页面设计,为了避免对这种现象的误报,本公开提出一种实施方式是:若第一相似度小于或等于相似度阈值,对待对比页面图和基准页面图进行页面划分,得到待对比页面图对应的多个第一子图,和基准页面图对应的多个第二子图。根据每个第一子图和对应的第二子图之间的第二相似度,以及每个子图在所属页面图中的预设权重确定第三相似度。将第三相似度确定为对比结果。
对待对比页面图和基准页面图进行页面划分可以是,通过深度学习模型识别页面结构和局部特征,并将页面图按照标题区域、导航栏区域、页面内容区域、表格区域、列表区域等将页面图划分为多个子图。
在一些实施方式中,确定第一子图和对应的第二子图之间的第二相似度,可以是:若第一子图和对应的第二子图均包括目标内容区域,目标内容区域如表格内容区域、列表内容区域等,则确定第一子图中第一目标内容区域和第二子图中第二目标内容区域的交叉比例。在交叉比例大于预设比值的情况下,说明第一目标内容区域和第二目标内容区域是相同的表格区域或列表区域。此种情况下,可根据第二目标内容区域覆盖第一子图中的第一目标内容区域,得到新的第一子图。根据新的第一子图和第二子图确定对应的第二相似度。第二相似度的计算方式与前述步骤S12和S13计算第一相似度的方式相同,此处不再赘述。
一种示例,确定第一子图中第一目标内容区域和第二子图中第二目标内容区域的交叉比例的方式可以是,确定第一子图中第一目标内容区域和第二子图中第二目标内容区域的交并比。交并比是指交集与并集的比值。
另一种示例,确定第一子图中第一目标内容区域和第二子图中第二目标内容区域的交叉比例,可以是:确定第一目标内容区域和第二目标内容区域的横坐标交集,例如横坐标交集为[7,77]。确定横坐标交集[7,77]对应的第一横坐标跨度为77-7=70,确定第二目标内容区域[7,100]对应的第二横坐标跨度100-7=93。根据第一横坐标跨度70与第二横坐标跨度93之比,确定交叉比例为
图8是根据本公开一示例性实施例示出的另一种页面对比方法的流程图。参照图8,该页面对比方法可以包括以下步骤。
S801、接收请求方发送的对比请求,根据对比请求中携带的页面图下载链接获得待对比页面图和基准页面图。
S802、将待对比页面图和基准页面图的尺寸调整成一致,得到第一基准页面图,以及得到第一初始待对比页面图。
S803、判断第一初始待对比页面图和第一基准页面图是否在相同位置上存在目标类型的图像块。
S804、根据第一基准页面图中目标类型的图像块覆盖第一初始待对比页面图中目标类型的图像块,得到第二初始待对比页面图。
S805、确定第二初始待对比页面图和第一基准页面图中的位于相同位置上的像素点对。
S806、计算每一像素点对的像素差异值,得到第一数组。
S807、对第一数组中的大于预设阈值的像素差异值进行归零处理,得到第二数组。
S808、对第二初始待对比页面图和第二数组进行求和处理,得到第一待对比页面图。
S809、根据各预设像素值在第一待对比页面图中的分布情况,构建得到第一直方图,根据各预设像素值在第一基准页面图中的分布情况,构建得到第二直方图。
S810、确定各预设像素值在第一直方图中对应的第一分布数值,确定各预设像素值在第二直方图中对应的第二分布数值,确定各预设像素值对应的第一分布数值和第二分布数值的比值,根据各比值的均值确定第一相似度。
S811、判断第一相似度是否大于或等于相似度阈值。
S812、将第一初始待对比页面图确定为第二初始待对比页面图。
S813、判断目标占比值是否大于或等于占比阈值。
S814、根据目标占比值确定对比结果。
S815、根据第一相似度确定对比结果。
S816、对待对比页面图和基准页面图进行页面划分,得到待对比页面图对应的多个第一子图,和基准页面图对应的多个第二子图。
S817、根据每个第一子图和对应的第二子图之间的第二相似度,以及每个子图在所属页面图中的预设权重确定第三相似度。
S818、根据第三相似度确定对比结果。
S819、将对比结果反馈给请求方。
上述各个步骤的实施方式已经在相关的前述页面对比方法的实施例中进行了详细描述,此处将不做详细阐述说明。
基于同一构思,本公开还提供一种页面对比装置,该装置可以通过软件、硬件或者两者结合的方式成为电子设备的部分或全部。如图9所示,该页面对比装置100包括:
获取模块101,用于获取待对比页面图和基准页面图;
第一确定模块102,用于确定各预设像素值在所述待对比页面图的第一直方图中对应的第一分布数值,确定各所述预设像素值在所述基准页面图的第二直方图中对应的第二分布数值,其中,直方图是根据各所述预设像素值在页面图中的分布情况构建的;
第二确定模块103,用于确定各所述预设像素值对应的所述第一分布数值和所述第二分布数值的比值,根据所述比值的均值确定第一相似度;
执行模块104,用于根据所述第一相似度确定所述待对比页面图和所述基准页面图的对比结果。
采用这种装置,可以捕捉到待对比页面图和基准页面图中像素级的细微页面差异,提升对比结果的精准性。相较于相关技术中通过配置监控或编写自动化测试脚本的方式,这种通过将待对比页面图与基准页面图进行对比以确定待对比页面图的内容、结构等是否发生变动,进而确定待对比页面图是否是正常完成渲染的页面图的方式,无需人工配置、维护页面的校验内容,降低了人工工作量,提升了页面对比的效率。
可选地,所示第二确定模块103包括:
计算子模块,用于针对每一所述预设像素值,确定该预设像素值对应的所述第一分布数值和所述第二分布数值中的最小值和最大值;将所述最小值作为分子,将所述最大值作为分母,计算得到该预设像素值对应的所述比值。
可选地,所述装置100包括:
预处理模块,用于对所述待对比页面图和所述基准页面图进行预处理,得到第一待对比页面图和第一基准页面图;
构建模块,用于根据各所述预设像素值在所述第一待对比页面图中的分布情况,构建得到所述第一直方图,根据各所述预设像素值在所述第一基准页面图中的分布情况,构建得到所述第二直方图。
可选地,所述预处理模块包括:
第一预处理子模块,用于将所述待对比页面图和所述基准页面图的尺寸调整成一致,得到所述第一基准页面图,以及得到初始待对比页面图;若所述初始待对比页面图和所述第一基准页面图在相同位置上存在目标类型的图像块,根据所述第一基准页面图中所述目标类型的图像块覆盖所述初始待对比页面图中所述目标类型的图像块,得到所述第一待对比页面图。
可选地,所述预处理模块包括:
第二预处理子模块,用于将所述待对比页面图和所述基准页面图的尺寸调整成一致,得到所述第一基准页面图,以及得到初始待对比页面图;确定所述初始待对比页面图和所述第一基准页面图中的位于相同位置上的像素点对;计算每一所述像素点对的像素差异值,得到第一数组;对所述第一数组中的大于预设阈值的所述像素差异值进行归零处理,得到第二数组;对所述初始待对比页面图和所述第二数组进行求和处理,得到所述第一待对比页面图。
可选地,所述预处理模块包括:
第三预处理子模块,用于将所述待对比页面图和所述基准页面图的尺寸调整成一致,得到所述第一基准页面图,以及得到第一初始待对比页面图;若所述第一初始待对比页面图和所述第一基准页面图在相同位置上存在目标类型的图像块,则根据所述第一基准页面图中所述目标类型的图像块覆盖所述第一初始待对比页面图中所述目标类型的图像块,得到第二初始待对比页面图;确定所述第二初始待对比页面图和所述第一基准页面图中的位于相同位置上的像素点对;计算每一所述像素点对的像素差异值,得到第一数组;对所述第一数组中的大于预设阈值的所述像素差异值进行归零处理,得到第二数组;对所述第二初始待对比页面图和所述第二数组进行求和处理,得到所述第一待对比页面图。
可选地,所述执行模块104,包括:
第一执行子模块,用于若所述第一相似度大于或等于相似度阈值、且目标占比值大于或等于占比阈值,则根据所述目标占比值确定所述对比结果,其中,所述目标占比值表征所述待对比页面图和所述基准页面图中相同位置上像素值相同的像素点对的数量,与所述待对比页面图或所述基准页面图中像素点总数量之比,所述占比阈值大于所述相似度阈值;
第二执行子模块,用于若所述第一相似度大于或等于所述相似度阈值、且所述目标占比值小于所述占比阈值,则根据所述第一相似度确定所述对比结果。
可选地,所述执行模块104,包括:
第三执行子模块,用于若所述第一相似度小于相似度阈值,则对所述待对比页面图和所述基准页面图进行页面划分,得到所述待对比页面图对应的多个第一子图,和所述基准页面图对应的多个第二子图;根据每个所述第一子图和对应的所述第二子图之间的第二相似度,以及每个子图在所属页面图中的预设权重确定第三相似度;根据所述第三相似度确定所述对比结果。
可选地,所述第三执行子模块,用于若所述第一子图和对应的所述第二子图均包括目标内容区域,则确定所述第一子图中第一目标内容区域和所述第二子图中第二目标内容区域的交叉比例;在所述交叉比例大于预设比值的情况下,根据所述第二目标内容区域覆盖所述第一子图中的所述第一目标内容区域,得到新的第一子图;根据所述新的第一子图和所述第二子图确定对应的所述第二相似度。
可选地,所述第三执行子模块,用于确定所述第一目标内容区域和所述第二目标内容区域的横坐标交集;确定所述横坐标交集对应的第一横坐标跨度,确定所述第二目标内容区域对应的第二横坐标跨度;根据所述第一横坐标跨度与所述第二横坐标跨度之比,确定所述交叉比例。
可选地,所述获取模块101,用于响应于接收到请求方发送的对比请求,根据所述对比请求中携带的页面图下载链接获得所述待对比页面图和所述基准页面图;
所述装置100还包括:
反馈模块,用于将所述对比结果反馈给所述请求方。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
基于同一构思,本公开还提供一种非临时性计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现上述任一页面对比方法的步骤。
基于同一构思,本公开还提供一种电子设备,包括:存储装置,其上存储有计算机程序;处理装置,用于执行存储装置中的计算机程序,以实现上述任一页面对比方法的步骤。
下面参考图10,其示出了适于用来实现本公开实施例的电子设备600的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图10示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图10所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图10示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,可以利用诸如HTTP(HyperText Transfer Protocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取待对比页面图和基准页面图;确定各预设像素值在所述待对比页面图的第一直方图中对应的第一分布数值,确定各所述预设像素值在所述基准页面图的第二直方图中对应的第二分布数值,其中,直方图是根据各所述预设像素值在页面图中的分布情况构建的;确定各所述预设像素值对应的所述第一分布数值和所述第二分布数值的比值,根据所述比值的均值确定第一相似度;根据所述第一相似度确定所述待对比页面图和所述基准页面图的对比结果。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上***(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行***、装置或设备使用或与指令执行***、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体***、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
Claims (14)
1.一种页面对比方法,其特征在于,所述方法包括:
获取待对比页面图和基准页面图;
确定各预设像素值在所述待对比页面图的第一直方图中对应的第一分布数值,确定各所述预设像素值在所述基准页面图的第二直方图中对应的第二分布数值,其中,直方图是根据各所述预设像素值在页面图中的分布情况构建的;
确定各所述预设像素值对应的所述第一分布数值和所述第二分布数值的比值,根据所述比值的均值确定第一相似度;
根据所述第一相似度确定所述待对比页面图和所述基准页面图的对比结果。
2.根据权利要求1所述的方法,其特征在于,所述确定各所述预设像素值对应的所述第一分布数值和所述第二分布数值的比值,包括:
针对每一所述预设像素值,确定该预设像素值对应的所述第一分布数值和所述第二分布数值中的最小值和最大值;
将所述最小值作为分子,将所述最大值作为分母,计算得到该预设像素值对应的所述比值。
3.根据权利要求1或2所述的方法,其特征在于,在所述确定各预设像素值在所述待对比页面图的第一直方图中对应的第一分布数值,确定各所述预设像素值在所述基准页面图的第二直方图中对应的第二分布数值之前,包括:
对所述待对比页面图和所述基准页面图进行预处理,得到第一待对比页面图和第一基准页面图;
根据各所述预设像素值在所述第一待对比页面图中的分布情况,构建得到所述第一直方图,根据各所述预设像素值在所述第一基准页面图中的分布情况,构建得到所述第二直方图。
4.根据权利要求3所述的方法,其特征在于,所述对所述待对比页面图和所述基准页面图进行预处理,得到第一待对比页面图和第一基准页面图,包括:
将所述待对比页面图和所述基准页面图的尺寸调整成一致,得到所述第一基准页面图,以及得到初始待对比页面图;
若所述初始待对比页面图和所述第一基准页面图在相同位置上存在目标类型的图像块,则根据所述第一基准页面图中所述目标类型的图像块覆盖所述初始待对比页面图中所述目标类型的图像块,得到所述第一待对比页面图。
5.根据权利要求3所述的方法,其特征在于,所述对所述待对比页面图和所述基准页面图进行预处理,得到第一待对比页面图和第一基准页面图,包括:
将所述待对比页面图和所述基准页面图的尺寸调整成一致,得到所述第一基准页面图,以及得到初始待对比页面图;
确定所述初始待对比页面图和所述第一基准页面图中的位于相同位置上的像素点对;
计算每一所述像素点对的像素差异值,得到第一数组;
对所述第一数组中的大于预设阈值的所述像素差异值进行归零处理,得到第二数组;
对所述初始待对比页面图和所述第二数组进行求和处理,得到所述第一待对比页面图。
6.根据权利要求3所述的方法,其特征在于,所述对所述待对比页面图和所述基准页面图进行预处理,得到第一待对比页面图和第一基准页面图,包括:
将所述待对比页面图和所述基准页面图的尺寸调整成一致,得到所述第一基准页面图,以及得到第一初始待对比页面图;
若所述第一初始待对比页面图和所述第一基准页面图在相同位置上存在目标类型的图像块,则根据所述第一基准页面图中所述目标类型的图像块覆盖所述第一初始待对比页面图中所述目标类型的图像块,得到第二初始待对比页面图;
确定所述第二初始待对比页面图和所述第一基准页面图中的位于相同位置上的像素点对;
计算每一所述像素点对的像素差异值,得到第一数组;
对所述第一数组中的大于预设阈值的所述像素差异值进行归零处理,得到第二数组;
对所述第二初始待对比页面图和所述第二数组进行求和处理,得到所述第一待对比页面图。
7.根据权利要求1所述的方法,其特征在于,所述根据所述第一相似度确定所述待对比页面图和所述基准页面图的对比结果,包括:
若所述第一相似度大于或等于相似度阈值、且目标占比值大于或等于占比阈值,则根据所述目标占比值确定所述对比结果,其中,所述目标占比值表征所述待对比页面图和所述基准页面图中相同位置上像素值相同的像素点对的数量,与所述待对比页面图或所述基准页面图中像素点总数量之比,所述占比阈值大于所述相似度阈值;
若所述第一相似度大于或等于所述相似度阈值、且所述目标占比值小于所述占比阈值,则根据所述第一相似度确定所述对比结果。
8.根据权利要求1或7所述的方法,其特征在于,所述根据所述第一相似度确定所述待对比页面图和所述基准页面图的对比结果,包括:
若所述第一相似度小于相似度阈值,则对所述待对比页面图和所述基准页面图进行页面划分,得到所述待对比页面图对应的多个第一子图,和所述基准页面图对应的多个第二子图;
根据每个所述第一子图和对应的所述第二子图之间的第二相似度,以及每个子图在所属页面图中的预设权重确定第三相似度;
根据所述第三相似度确定所述对比结果。
9.根据权利要求8所述的方法,其特征在于,确定所述第一子图和对应的所述第二子图之间的第二相似度,包括:
若所述第一子图和对应的所述第二子图均包括目标内容区域,则确定所述第一子图中第一目标内容区域和所述第二子图中第二目标内容区域的交叉比例;
在所述交叉比例大于预设比值的情况下,根据所述第二目标内容区域覆盖所述第一子图中的所述第一目标内容区域,得到新的第一子图;
根据所述新的第一子图和所述第二子图确定对应的所述第二相似度。
10.根据权利要求9所述的方法,其特征在于,所述确定所述第一子图中第一目标内容区域和所述第二子图中第二目标内容区域的交叉比例,包括:
确定所述第一目标内容区域和所述第二目标内容区域的横坐标交集;
确定所述横坐标交集对应的第一横坐标跨度,确定所述第二目标内容区域对应的第二横坐标跨度;
根据所述第一横坐标跨度与所述第二横坐标跨度之比,确定所述交叉比例。
11.根据权利要求1所述的方法,其特征在于,所述获取待对比页面图和基准页面图,包括:
响应于接收到请求方发送的对比请求,根据所述对比请求中携带的页面图下载链接获得所述待对比页面图和所述基准页面图;
所述方法还包括:
将所述对比结果反馈给所述请求方。
12.一种页面对比装置,其特征在于,所述装置包括:
获取模块,用于获取待对比页面图和基准页面图;
第一确定模块,用于确定各预设像素值在所述待对比页面图的第一直方图中对应的第一分布数值,确定各所述预设像素值在所述基准页面图的第二直方图中对应的第二分布数值,其中,直方图是根据各所述预设像素值在页面图中的分布情况构建的;
第二确定模块,用于确定各所述预设像素值对应的所述第一分布数值和所述第二分布数值的比值,根据所述比值的均值确定第一相似度;
执行模块,用于根据所述第一相似度确定所述待对比页面图和所述基准页面图的对比结果。
13.一种非临时性计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理装置执行时实现权利要求1-11中任一项所述方法的步骤。
14.一种电子设备,其特征在于,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现权利要求1-11中任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310437517.6A CN116468914A (zh) | 2023-04-21 | 2023-04-21 | 页面对比方法、装置、存储介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310437517.6A CN116468914A (zh) | 2023-04-21 | 2023-04-21 | 页面对比方法、装置、存储介质及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116468914A true CN116468914A (zh) | 2023-07-21 |
Family
ID=87174976
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310437517.6A Pending CN116468914A (zh) | 2023-04-21 | 2023-04-21 | 页面对比方法、装置、存储介质及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116468914A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117076284A (zh) * | 2023-10-18 | 2023-11-17 | 荣耀终端有限公司 | 页面加载时长的检测方法、设备及存储介质 |
-
2023
- 2023-04-21 CN CN202310437517.6A patent/CN116468914A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117076284A (zh) * | 2023-10-18 | 2023-11-17 | 荣耀终端有限公司 | 页面加载时长的检测方法、设备及存储介质 |
CN117076284B (zh) * | 2023-10-18 | 2024-04-05 | 荣耀终端有限公司 | 页面加载时长的检测方法、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10650236B2 (en) | Road detecting method and apparatus | |
CN112270309A (zh) | 一种车辆卡口设备抓拍质量评估方法、装置及可读介质 | |
US20230049656A1 (en) | Method of processing image, electronic device, and medium | |
CN116468914A (zh) | 页面对比方法、装置、存储介质及电子设备 | |
CN111553302A (zh) | 关键帧选取方法、装置、设备及计算机可读存储介质 | |
CN110740315B (zh) | 摄像头矫正方法、装置、电子设备及存储介质 | |
US20200151855A1 (en) | Noise processing method and apparatus | |
CN110263301B (zh) | 用于确定文字的颜色的方法和装置 | |
CN110866524A (zh) | 车牌检测方法、装置、设备及存储介质 | |
CN114283416A (zh) | 车险理赔图片的处理方法和装置 | |
CN109886864B (zh) | 隐私遮蔽处理方法及装置 | |
CN113469869A (zh) | 一种图像管理方法和装置 | |
US11468269B2 (en) | Arithmetic device, arithmetic method, and discrimination system | |
CN109934185B (zh) | 数据处理方法及装置、介质和计算设备 | |
CN115565158B (zh) | 车位检测方法、装置、电子设备和计算机可读介质 | |
CN116363239A (zh) | 特效图的生成方法、装置、设备及存储介质 | |
CN110619597A (zh) | 一种半透明水印去除方法、装置、电子设备及存储介质 | |
CN114359673B (zh) | 基于度量学习的小样本烟雾检测方法、装置和设备 | |
CN104700396B (zh) | 从图像中确定用于估计交通量的参数的方法和*** | |
CN111768410B (zh) | 图像处理方法和装置 | |
CN115601606B (zh) | 一种门店状态检测方法、装置、设备及存储介质 | |
CN111784710B (zh) | 图像处理方法、装置、电子设备和介质 | |
CN115240209A (zh) | 水印识别方法和装置 | |
CN114648539A (zh) | 业务凭证处理方法、装置、设备及介质 | |
CN118364136A (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 |