CN117370193A - 页面组件的评估方法、装置、电子设备及可读存储介质 - Google Patents
页面组件的评估方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN117370193A CN117370193A CN202311389501.9A CN202311389501A CN117370193A CN 117370193 A CN117370193 A CN 117370193A CN 202311389501 A CN202311389501 A CN 202311389501A CN 117370193 A CN117370193 A CN 117370193A
- Authority
- CN
- China
- Prior art keywords
- page
- target
- page component
- component
- tested
- 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
- 238000011156 evaluation Methods 0.000 title claims abstract description 61
- 238000000034 method Methods 0.000 claims abstract description 43
- 238000003708 edge detection Methods 0.000 claims abstract description 23
- 238000001514 detection method Methods 0.000 claims description 20
- 230000009191 jumping Effects 0.000 claims description 10
- 230000002159 abnormal effect Effects 0.000 claims description 9
- 230000001960 triggered effect Effects 0.000 claims description 7
- 238000004590 computer program Methods 0.000 claims description 3
- 230000004044 response Effects 0.000 claims description 3
- 238000013461 design Methods 0.000 description 11
- 238000010606 normalization Methods 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 6
- 238000007689 inspection Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000005856 abnormality Effects 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000012552 review Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/3668—Software testing
- G06F11/3672—Test management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
- G06T7/13—Edge detection
-
- 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/20—Image preprocessing
- G06V10/25—Determination of region of interest [ROI] or a volume of interest [VOI]
-
- 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/764—Arrangements for image or video recognition or understanding using pattern recognition or machine learning using classification, e.g. of video objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2207/00—Indexing scheme for image analysis or image enhancement
- G06T2207/20—Special algorithmic details
- G06T2207/20081—Training; Learning
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Multimedia (AREA)
- General Engineering & Computer Science (AREA)
- Quality & Reliability (AREA)
- Computer Hardware Design (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Computing Systems (AREA)
- Databases & Information Systems (AREA)
- Evolutionary Computation (AREA)
- General Health & Medical Sciences (AREA)
- Medical Informatics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供了一种页面组件的评估方法、装置、电子设备及可读存储介质。该方法包括：获取待评测页面的页面图像；对页面图像进行页面组件区域识别，得到页面组件区域识别结果，页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及目标页面组件对应的目标页面组件类别；对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据；基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估。基于本方法，能够实现对目标页面组件的自动有效评估，能够替代人工评估的方式，提升评估效率。
Description
技术领域
本申请涉及自动测试技术领域，具体而言，本申请涉及一种页面组件的评估方法、装置、电子设备及可读存储介质。
背景技术
在页面展示时，页面中页面组件的规范性有着重要意义。
为了保证页面组件的规范性，相关技术中，多采用人工对比的方式来对页面的规范性进行评估。这种方式评估效率较低，无法满足使用需求。
发明内容
为了至少能解决上述的技术缺陷之一，本申请提供了一种页面组件的评估方法、装置、电子设备及可读存储介质。
本申请所采用的技术方案如下：
第一方面，本申请实施例提供了一种页面组件的评估方法，该方法包括：
获取待评测页面的页面图像；
对页面图像进行页面组件区域识别，得到页面组件区域识别结果，页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及目标页面组件对应的目标页面组件类别；
对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据；
基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估。
第二方面，本申请实施例提供了一种页面组件的评估装置，该装置包括：
页面图像获取模块，用于获取待评测页面的页面图像；
页面组件识别模块，用于对页面图像进行页面组件区域识别，得到页面组件区域识别结果，页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及目标页面组件对应的目标页面组件类别；
样式数据检测模块，用于对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据；
页面组件评估模块，用于基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估。
第三方面，本申请实施例提供了一种电子设备，该电子设备包括：处理器和存储器；
存储器，用于存储操作指令；
处理器，用于通过调用操作指令，执行如本申请的第一方面的任一实施方式中所示的页面组件的评估方法。
第四方面，本申请实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本申请的第一方面的任一实施方式中所示的页面组件的评估方法。
本申请实施例提供的技术方案带来的有益效果是：
本公开实施例提供的方案，通过对所述页面图像进行页面组件区域识别，得到页面组件区域识别结果，所述页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及所述目标页面组件对应的目标页面组件类别；对所述目标页面组件区域进行边缘检测，得到所述目标页面组件中指定样式类型的目标样式数据；基于所述目标页面组件类型对应的模板样式数据以及所述目标样式数据，对所述目标页面组件进行评估。基于本方法，能够实现对目标页面组件的自动有效评估，能够替代人工评估的方式，提升评估效率。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例描述中所需要使用的附图作简单地介绍。
图1为本申请实施例提供的一种页面组件的评估方法的流程示意图；
图2为本申请实施例提供的一种页面组件的评估方法的具体实施方式的流程示意图；
图3为本申请实施例提供的一种页面组件的评估装置的结构示意图；
图4为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能解释为对本发明的限制。
本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存在中间元件。此外，这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
相关技术中，多采用人工对比的方式来对页面的规范性进行评估，即将待评估的页面组件中的样式数据与模板页面中的页面组件的样式数据进行比较，得到评估结果。由于页面中页面组件的数量可能较多，或者页面的数量可能较多，人工对比的方式评估效率较低，无法满足使用需求。
本申请实施例提供的页面组件的评估方法、装置、电子设备及可读存储介质，旨在解决现有技术的如上技术问题中的至少一个。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。
图1示出了本申请实施例提供的一种页面组件的评估方法的流程示意图，如图1所示，该方法主要可以包括：
步骤S110：获取待评测页面的页面图像；
步骤S120：对页面图像进行页面组件区域识别，得到页面组件区域识别结果，页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及目标页面组件对应的目标页面组件类别；
步骤S130：对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据；
步骤S140：基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估。
其中，待评估页面中包含了目标页面组件，可以对待评估页面的页面图像进行页面组件区域识别，识别出目标页面组件区域以及相应的目标页面组件类别。
目标页面组件区域即为页面图像中包含目标组件所处的区域。
作为一个示例，目标页面组件类型可以包括按钮、输入框与选择框等。
指定样式类型可以为预先指定的，用于衡量页面组件规范性的样式类型。在识别出目标页面组件区域后，可以对目标页面组件区域进行边缘检测，得到指定样式类型的目标样式数据。
例如，指定样式类型包括页面组件的宽度，则目标样式数据即为页面组件的宽度的数值。
本公开实施例中，模板样式数据为预置的规范性的样式数据，用于与目标样式数据进行比较，根据二者的差异来对目标页面组件进行评估，即判断目标页面组件是否符合规范性要求。
本公开实施例提供的方法，通过对页面图像进行页面组件区域识别，得到页面组件区域识别结果，页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及目标页面组件对应的目标页面组件类别；对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据；基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估。基于本方法，能够实现对目标页面组件的自动有效评估，能够替代人工评估的方式，提升评估效率。
本申请实施例的一种可选方式中，对页面图像进行页面组件区域识别，得到页面组件区域识别结果，包括：
基于预训练的页面组件区域识别模型对页面图像进行页面组件区域识别，得到页面组件区域识别结果。
本申请实施例中，可以预训练的页面组件区域识别模型来进行页面组件区域识别。
具体而言，页面组件区域识别模型可以基于目标检测算法实现，即将页面组件作为目标，进行对页面组件的目标检测。
本申请实施例的一种可选方式中，对目标页面组件区域进行边缘检测，得到目标页面组件的目标样式数据，包括：
基于预训练的样式数据检测模型，对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据。
本申请实施例中，可以预训练的样式数据检测模型来进行边缘检测，以获取目标页面组件的目标样式数据。
具体而言，页面组件区域识别模型可以基于边缘检测算法实现，即根据边缘检测算法识别出页面组件区域中亮度发生明显变化的点，而后根据这些点识别出指定样式类型的目标样式数据。
本申请实施例的一种可选方式中，获取待评测页面的页面图像，包括：
获取待测试站点下的网页的页面作为待测试页面；
对待测试页面进行截图，得到待评测页面的页面图像。
本申请实施例中，可以根据业务需求来指定待测试页面。具体而言，可以在网站上线前，将网站的设计图直接作为待评测页面的页面图像，也可以在网站上线后，获取待测试站点下的全部网页的页面作为待测试页面。
本申请实施例中，可以通过截图的方式获取待评测页面的页面图像。
本申请实施例的一种可选方式中，获取待测试站点下的网页的页面作为待测试页面，包括：
从待测试站点的一级页面起，依照预设的触发顺序依次触发一级页面中的各触发按钮，分别跳转至下一级页面；
将下一级页面作为一级页面，重复执行依照触发顺序依次触发下一级页面中的各触发按钮，分别跳转至下一级页面的步骤，直至触发至最后一级页面；
将一级页面以及各下一级页面，确定为待测试页面。
本申请实施例中，待测站点可能或包含一级、二级、三级……等多级页面，这些页面需要分别被触发，而后进行截图，才能够获取到待测试站点下的所有网页的页面图像。
具体而言，触发顺序可以根据实际需要进行设计，使得网页内的各触发按钮能够被依次触发。作为一个示例，触发顺序可以为依照网页中各触发按钮的位置，从左到右、从上到下依次触发。
网页内的各触发按钮能够通过对网页对应的文档对象模型(Document ObjectModel，dom)分析出，而后依照预设的触发顺序进行触发。
本申请实施例中，可以依次针对各级的页面按照触发顺序进行触发，从而获得待测试站点下的所有网页。
本申请实施例的一种可选方式中，在获取待测试站点下的网页的页面作为待测试页面之前，上述方法还包括：
获取待测试站点的登录信息，基于登录信息访问待测试站点。
本申请实施例中，可以获取待测试站点的登录信息，包括用户名、登录密码等，以实现对待测试站点的访问。
本申请实施例的一种可选方式中，基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估，包括：
响应于目标页面组件类型对应的模板样式数据与目标样式数据的差异情况满足预设差异条件，将目标页面组件的评估结果确定为异常。
本申请实施例中，可以将目标页面组件类型对应的模板样式数据与目标样式数据进行比较，如二者的差异情况不满足预设差异条件，则表示目标页面组件的样式数据与模板中指定的标准样式数据的差异较小，目标页面组件中的指定样式类型的样式符合模板样式数据的要求。如二者的差异情况满足预设差异条件，则表示目标页面组件的样式数据与模板中指定的标准样式数据的差异较大，目标页面组件中的指定样式类型的样式不符合模板样式数据的要求。
本申请实施例的一种可选方式中，在将目标页面组件的评估结果确定为异常之后，上述方法还包括：
将目标页面组件的评估结果在页面图像中展示。
本申请实施例中，在家查到目标页面组件的存在异常时，可以将目标页面组件的评估结果在页面图像中展示，以使得用户能够通过页面图像观察到目标页面组件存在异常。
本申请实施例的一种可选方式中，将目标页面组件的评估结果在页面图像中展示，包括：
将目标页面组件的评估结果在页面图像中与目标页面组件区域对应展示。
本申请实施例中，可以将目标页面组件的评估结果在页面图像中与目标页面组件区域对应展示，使得用户明确观察到各目标页面组件对应的异常评估结果。
作为一个示例，可以将目标页面组件的评估结果在靠近目标页面组件区域的上方的位置进行展示。
本申请实施例的一种可选方式中，指定样式类型包括以下至少一项：
页面组件的高度；
页面组件的背景；
页面组件内文本中相邻字符的间距。
本申请实施例中，可以将一些具有明显视觉效果的样式类型作为指定样式类型。具体而言，页面组件的高度，即页面组件所占区域的在页面内的高度。页面组件的背景，即页面组件所占区域的在页面内的背景。页面组件中可能包含文本，可以将页面组件内文本中相邻字符的间距作为指定样式类型。
作为一示例，图2中示出了本申请提供的页面组件的评估方法的一种具体实施方式的流程示意图。
步骤1，选择模板图，选择数据库已有的组件，获取模板图各类属性值，即由用户预先选择用于后续进行样式数据比对的模板样式数据。
步骤2，选择检测类型，若选择设计规范性检测，则跳转至步骤8，若选择开发规范性检测，则跳转至步骤3。
其中，检测类型，即为根据业务需求设计的获取不同待检测页面的页面图像的方式。设计规范性检测，即将网站的设计图作为待检测页面的页面图像。开发规范性检测，即将被测试站点下网页的页面图像作为待检测页面的页面图像。
步骤3，配置被测系统基本信息，包括被测系统的网址，用户名，密码。
其中，被测系统，即待测试站点，可以获取待测试站点的登录信息，登录信息包括用户名以及密码，从而访问待测试站点。
步骤4，配置被测系统的页面扫描规则。
页面扫描规则，即预设的触发顺序。根据触发顺序依次对待测试站点的下的各网页进行触发。
步骤5，自动遍历页面并截图。
即根据触发顺序依次对待测试站点的下的各网页进行触发，而后对所触发的各网页进行页面截图，得到待检测页面的页面图像。
步骤6，识别并分类页面组件。
即根据预设的页面组件区域识别模型，检测目标页面组件区域以及对应的目标页面组件类别。
步骤7，分被获取各组件属性值。
即根据预设的样式数据检测模型，对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据。
步骤8，自行上传设计图。
即将网站的设计图作为待检测页面的页面图像上传。
步骤9，图像处理设计图。
即根据预设的页面组件区域识别模型，检测设计图中的目标页面组件区域以及对应的目标页面组件类别。
步骤10，获取设计图各类属性值。
即根据预设的样式数据检测模型，对设计图中目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据。
步骤11，与模板图各属性值比对。
即将设计图或待测试站点的网页图像中识别出的目标样式数据与模板样式数据进行比较。
步骤12，是否存在不一致的属性。
即判断目标样式数据与模板样式数据是否相同。
步骤13，页面截图中标记组件。
如果存在与比模板样式数据不相同的目标样式数据，则将对应的目标页面组件区域在页面图像中标注。
步骤14，记录属性之间的差异值。
即将目标样式数据与模板样式数据存在的差异进行记录。
页面图像即将目标样式数据与模板样式数据存在的差异，以及被标注的页面图像共同存入数据库。
步骤15，查看检测结果。
即用户可以在数据库中查看页面图像即将目标样式数据与模板样式数据存在的差异，以及被标注的页面图像。
本发明的目的在于自动检查页面中存在的不规范页面组件，从而提高页面整齐度以及人工复核的效率，包括：结合目标检测算法和边缘处理算法，自动解析目标样式数据，并通过与模板样式数据进行比对，以及将具体的差异值展示给用户，省去了繁重的人工检查的工作量，快速发现页面组件高度、背景、文本距离等不符合规定的错误，实现了自动检查被测系统的页面组件不符合规范的问题，提高检查效率和准确率，减少人工维护，节约人力成本。
基于与图1中所示的方法相同的原理，图3示出了本申请实施例提供的一种页面组件的评估装置的结构示意图，如图3所示，该页面组件的评估装置30可以包括：
页面图像获取模块310，用于获取待评测页面的页面图像；
页面组件识别模块320，用于对页面图像进行页面组件区域识别，得到页面组件区域识别结果，页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及目标页面组件对应的目标页面组件类别；
样式数据检测模块330，用于对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据；
页面组件评估模块340，用于基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估。
本公开实施例提供的装置，通过对页面图像进行页面组件区域识别，得到页面组件区域识别结果，页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及目标页面组件对应的目标页面组件类别；对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据；基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估。基于本方法，能够实现对目标页面组件的自动有效评估，能够替代人工评估的方式，提升评估效率。
可选地，页面组件识别模块在对页面图像进行页面组件区域识别，得到页面组件区域识别结果时，具体用于：
基于预训练的页面组件区域识别模型对页面图像进行页面组件区域识别，得到页面组件区域识别结果。
可选地，样式数据检测模块具体用于：
基于预训练的样式数据检测模型，对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据。
可选地，页面图像获取模块具体用于：
获取待测试站点下的网页的页面作为待测试页面；
对待测试页面进行截图，得到待评测页面的页面图像。
可选地，页面图像获取模块在获取待测试站点下的网页的页面作为待测试页面时，具体用于：
从待测试站点的一级页面起，依照预设的触发顺序依次触发一级页面中的各触发按钮，分别跳转至下一级页面；
将下一级页面作为一级页面，重复执行依照触发顺序依次触发下一级页面中的各触发按钮，分别跳转至下一级页面的步骤，直至触发至最后一级页面；
将一级页面以及各下一级页面，确定为待测试页面。
可选地，上述装置还包括：
待测试站点访问装置，用于
在获取待测试站点下的网页的页面作为待测试页面之前，获取待测试站点的登录信息，基于登录信息访问待测试站点。
可选地，页面组件评估模块具体用于：
响应于目标页面组件类型对应的模板样式数据与目标样式数据的差异情况满足预设差异条件，将目标页面组件的评估结果确定为异常。
可选地，上述装置还包括：
异常评估结果展示模块，用于在将目标页面组件的评估结果确定为异常之后，将目标页面组件的评估结果在页面图像中展示。
可选地，异常评估结果展示模块，在将目标页面组件的评估结果在页面图像中展示时，具体用于：
将目标页面组件的评估结果在页面图像中与目标页面组件区域对应展示。
可选地，指定样式类型包括以下至少一项：
页面组件的高度；
页面组件的背景；
页面组件内文本中相邻字符的间距。
可以理解的是，本实施例中的页面组件的评估装置的上述各模块具有实现图1中所示的实施例中的页面组件的评估方法相应步骤的功能。该功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。该硬件或软件包括一个或多个与上述功能相对应的模块。上述模块可以是软件和/或硬件，上述各模块可以单独实现，也可以多个模块集成实现。对于上述页面组件的评估装置的各模块的功能描述具体可以参见图1中所示实施例中的页面组件的评估方法的对应描述，在此不再赘述。
本申请实施例提供了一种电子设备，包括处理器和存储器；
存储器，用于存储操作指令；
处理器，用于通过调用操作指令，执行本申请任一实施方式中所提供的页面组件的评估方法。
作为一个示例，图4示出了本申请实施例所适用的一种电子设备的结构示意图，如图4所示，该电子设备2000包括：处理器2001和存储器2003。其中，处理器2001和存储器2003相连，如通过总线2002相连。可选的，电子设备2000还可以包括收发器2004。需要说明的是，实际应用中收发器2004不限于一个，该电子设备2000的结构并不构成对本申请实施例的限定。
其中，处理器2001应用于本申请实施例中，用于实现上述方法实施例所示的方法。收发器2004可以包括接收机和发射机，收发器2004应用于本申请实施例中，用于执行时实现本申请实施例的电子设备与其他设备通信的功能。
处理器2001可以是CPU(Central Processing Unit，中央处理器)，通用处理器，DSP(Digital Signal Processor，数据信号处理器)，ASIC(Application SpecificIntegrated Circuit，专用集成电路)，FPGA(Field Programmable Gate Array，现场可编程门阵列)或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框，模块和电路。处理器2001也可以是实现计算功能的组合，例如包含一个或多个微处理器组合，DSP和微处理器的组合等。
总线2002可包括一通路，在上述组件之间传送信息。总线2002可以是PCI(Peripheral Component Interconnect，外设部件互连标准)总线或EISA(ExtendedIndustry Standard Architecture，扩展工业标准结构)总线等。总线2002可以分为地址总线、数据总线、控制总线等。为便于表示，图4中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
存储器2003可以是ROM(Read Only Memory，只读存储器)或可存储静态信息和指令的其他类型的静态存储设备，RAM(Random Access Memory，随机存取存储器)或者可存储信息和指令的其他类型的动态存储设备，也可以是EEPROM(Electrically ErasableProgrammable Read Only Memory，电可擦可编程只读存储器)、CD-ROM(Compact DiscRead Only Memory，只读光盘)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。
可选的，存储器2003用于存储执行本申请方案的应用程序代码，并由处理器2001来控制执行。处理器2001用于执行存储器2003中存储的应用程序代码，以实现本申请任一实施方式中所提供的页面组件的评估方法。
本申请实施例提供的电子设备，适用于上述方法任一实施例，在此不再赘述。
本申请实施例提供了一种电子设备，与现有技术相比，通过对页面图像进行页面组件区域识别，得到页面组件区域识别结果，页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及目标页面组件对应的目标页面组件类别；对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据；基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估。基于本方法，能够实现对目标页面组件的自动有效评估，能够替代人工评估的方式，提升评估效率。
本申请实施例提供了一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现上述方法实施例所示的页面组件的评估方法。
本申请实施例提供的计算机可读存储介质，适用于上述方法任一实施例，在此不再赘述。
本申请实施例提供了一种计算机可读存储介质，与现有技术相比，通过对页面图像进行页面组件区域识别，得到页面组件区域识别结果，页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及目标页面组件对应的目标页面组件类别；对目标页面组件区域进行边缘检测，得到目标页面组件中指定样式类型的目标样式数据；基于目标页面组件类型对应的模板样式数据以及目标样式数据，对目标页面组件进行评估。基于本方法，能够实现对目标页面组件的自动有效评估，能够替代人工评估的方式，提升评估效率。
应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
以上所述仅是本发明的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。
Claims (15)
1.一种页面组件的评估方法，其特征在于，包括：
获取待评测页面的页面图像；
对所述页面图像进行页面组件区域识别，得到页面组件区域识别结果，所述页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及所述目标页面组件对应的目标页面组件类别；
对所述目标页面组件区域进行边缘检测，得到所述目标页面组件中指定样式类型的目标样式数据；
基于所述目标页面组件类型对应的模板样式数据以及所述目标样式数据，对所述目标页面组件进行评估。
2.根据权利要求1所述的方法，其特征在于，所述对所述页面图像进行页面组件区域识别，得到页面组件区域识别结果，包括：
基于预训练的页面组件区域识别模型对所述页面图像进行页面组件区域识别，得到页面组件区域识别结果。
3.根据权利要求1所述的方法，其特征在于，所述对所述目标页面组件区域进行边缘检测，得到所述目标页面组件的目标样式数据，包括：
基于预训练的样式数据检测模型，对所述目标页面组件区域进行边缘检测，得到所述目标页面组件中指定样式类型的目标样式数据。
4.根据权利要求1-3中任一项所述的方法，其特征在于，所述获取待评测页面的页面图像，包括：
获取待测试站点下的网页的页面作为待测试页面；
对所述待测试页面进行截图，得到所述待评测页面的页面图像。
5.根据权利要求4中任一项所述的方法，其特征在于，所述获取待测试站点下的网页的页面作为待测试页面，包括：
从待测试站点的一级页面起，依照预设的触发顺序依次触发所述一级页面中的各触发按钮，分别跳转至下一级页面；
将所述下一级页面作为所述一级页面，重复执行依照所述触发顺序依次触发所述下一级页面中的各触发按钮，分别跳转至下一级页面的步骤，直至触发至最后一级页面；
将所述一级页面以及各所述下一级页面，确定为待测试页面。
6.根据权利要求5所述的方法，其特征在于，在所述获取待测试站点下的网页的页面作为待测试页面之前，所述方法还包括：
获取所述待测试站点的登录信息，基于所述登录信息访问所述待测试站点。
7.根据权利要求4所述的方法，其特征在于，所述基于所述目标页面组件类型对应的模板样式数据以及所述目标样式数据，对所述目标页面组件进行评估，包括：
响应于所述目标页面组件类型对应的模板样式数据与所述目标样式数据的差异情况满足预设差异条件，将所述目标页面组件的评估结果确定为异常。
8.根据权利要求7所述的方法，其特征在于，在所述将所述目标页面组件的评估结果确定为异常之后，所述方法还包括：
将所述目标页面组件的评估结果在所述页面图像中展示。
9.根据权利要求8所述的方法，其特征在于，所述将所述目标页面组件的评估结果在所述页面图像中展示，包括：
将所述目标页面组件的评估结果在所述页面图像中与所述目标页面组件区域对应展示。
10.根据权利要求4所述的方法，其特征在于，所述指定样式类型包括以下至少一项：
页面组件的高度；
页面组件的背景；
页面组件内文本中相邻字符的间距。
11.一种页面组件的评估装置，其特征在于，包括：
页面图像获取模块，用于获取待评测页面的页面图像；
页面组件识别模块，用于对所述页面图像进行页面组件区域识别，得到页面组件区域识别结果，所述页面组件区域识别结果包括目标页面组件对应的目标页面组件区域以及所述目标页面组件对应的目标页面组件类别；
样式数据检测模块，用于对所述目标页面组件区域进行边缘检测，得到所述目标页面组件中指定样式类型的目标样式数据；
页面组件评估模块，用于基于所述目标页面组件类型对应的模板样式数据以及所述目标样式数据，对所述目标页面组件进行评估。
12.根据权利要求11所述的装置，其特征在于，所述页面图像获取模块具体用于：
获取待测试站点下的网页的页面作为待测试页面；
对所述待测试页面进行截图，得到所述待评测页面的页面图像。
13.根据权利要求12所述的装置，其特征在于，所述页面图像获取模块在获取待测试站点下的网页的页面作为待测试页面时，具体用于：
从待测试站点的一级页面起，依照预设的触发顺序依次触发所述一级页面中的各触发按钮，分别跳转至下一级页面；
将所述下一级页面作为所述一级页面，重复执行依照所述触发顺序依次触发所述下一级页面中的各触发按钮，分别跳转至下一级页面的步骤，直至触发至最后一级页面；
将所述一级页面以及各所述下一级页面，确定为待测试页面。
14.一种电子设备，其特征在于，包括处理器和存储器；
所述存储器，用于存储操作指令；
所述处理器，用于通过调用所述操作指令，执行权利要求1-10中任一项所述的方法。
15.一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-10中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311389501.9A CN117370193A (zh) | 2023-10-24 | 2023-10-24 | 页面组件的评估方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311389501.9A CN117370193A (zh) | 2023-10-24 | 2023-10-24 | 页面组件的评估方法、装置、电子设备及可读存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117370193A true CN117370193A (zh) | 2024-01-09 |
Family
ID=89397940
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311389501.9A Pending CN117370193A (zh) | 2023-10-24 | 2023-10-24 | 页面组件的评估方法、装置、电子设备及可读存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117370193A (zh) |
-
2023
- 2023-10-24 CN CN202311389501.9A patent/CN117370193A/zh active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107783898B (zh) | 移动应用的测试方法及测试设备 | |
| US8867848B2 (en) | Display test device, display test method, and storage medium | |
| CN112199268B (zh) | 一种软件兼容性测试方法及电子设备 | |
| CN110377742B (zh) | 文本分类评测方法、装置、可读存储介质和计算机设备 | |
| CN112416777B (zh) | 文本显示测试方法、装置、计算机设备和存储介质 | |
| WO2010035550A1 (ja) | 規制対策の対象選定支援方法及びそのシステム | |
| CN112268696B (zh) | 离合器检测方法、设备、存储介质及装置 | |
| CN113138916B (zh) | 基于标注样本的图片结构化算法的自动测试方法及系统 | |
| CN104809053A (zh) | 一种针对控件样式的测试方法和装置 | |
| CN117292191A (zh) | 一种模型优化方法、电子设备及计算机可读存储介质 | |
| CN111611465B (zh) | 产品检测系统、方法、装置、计算机设备和存储介质 | |
| CN108369647B (zh) | 基于图像的质量控制 | |
| CN117370193A (zh) | 页面组件的评估方法、装置、电子设备及可读存储介质 | |
| CN112100270A (zh) | 信息化考试数据挖掘分析方法、装置、电子设备及介质 | |
| CN105912452A (zh) | 一种自动化数据分析方法及装置 | |
| CN112559362B (zh) | 动态用户界面的自动化测试方法及测试装置 | |
| CN115168171A (zh) | 网页异常的处理方法、装置、电子设备及介质 | |
| CN113111734B (zh) | 一种水印分类模型训练方法及装置 | |
| JP2013218607A (ja) | ソフトウェア品質評価装置、ソフトウェア品質評価方法、及び、プログラム | |
| KR102217092B1 (ko) | 애플리케이션의 품질 정보 제공 방법 및 장치 | |
| CN113918370A (zh) | 类别确定方法、装置、电子设备和存储介质 | |
| CN107092702B (zh) | 基于重叠比例的地理信息要素位置对比检查方法及装置 | |
| KR101964454B1 (ko) | 데이터에 내재된 문제점 제거를 통한 데이터 정제 장치 및 방법 | |
| CN111597405A (zh) | 一种电机信息录入数据库的方法，装置，电子设备及存储介质 | |
| CN110866492A (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 |