CN117707921A - web端页面检测方法 - Google Patents
web端页面检测方法 Download PDFInfo
- Publication number
- CN117707921A CN117707921A CN202311254753.0A CN202311254753A CN117707921A CN 117707921 A CN117707921 A CN 117707921A CN 202311254753 A CN202311254753 A CN 202311254753A CN 117707921 A CN117707921 A CN 117707921A
- Authority
- CN
- China
- Prior art keywords
- icon
- page
- new
- new interface
- detection
- 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
- 238000001514 detection method Methods 0.000 title claims abstract description 192
- 238000000034 method Methods 0.000 claims abstract description 40
- 238000012216 screening Methods 0.000 claims description 6
- 230000001960 triggered effect Effects 0.000 abstract description 26
- 230000008569 process Effects 0.000 abstract description 16
- 230000008859 change Effects 0.000 abstract description 8
- 238000005094 computer simulation Methods 0.000 abstract description 5
- 238000012545 processing Methods 0.000 description 27
- 238000010586 diagram Methods 0.000 description 14
- 238000004590 computer program Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 7
- 238000006243 chemical reaction Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 238000004088 simulation Methods 0.000 description 4
- 238000013461 design Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 238000007689 inspection Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000007792 addition Methods 0.000 description 1
- 238000012937 correction 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
- 230000008676 import Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000013519 translation Methods 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
- G06F11/3684—Test management for test design, e.g. generating new test cases
-
- 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
- G06F11/3688—Test management for test execution, e.g. scheduling of test suites
-
- 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
- G06F11/3692—Test management for test results analysis
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种web端页面检测方法,属于计算机技术领域,包括:获取待检测web端的目标页面的前端元素;基于操作图标的类别属性,获取与目标页面关联的新界面的前端元素,新界面为通过目标页面中的操作图标直接及间接调用的新显示框;基于获取的目标页面及新界面的前端元素,获取待检测web端页面中的检测内容;根据基准文件对检测内容进行分析,得到检测结果。本发明的检测过程中,由于利用前端元素的操作图标的类别属性,对各操作图标的遍历触发,从而访问了各种场景下页面,实现了待检测web端的各场景下页面动态模拟,以在动态模拟变化过程中批量获取待检测内容,实现了web端检测的自动及全面性,最终提升了检测效率。
Description
技术领域
本发明涉及计算机技术领域,具体而言,涉及一种web端页面检测方法。
背景技术
对于自动化领域的工业软件中的web前端国际化检测,大多数是人工检测,检测效率低下。
或者,使用pytesseract等图像识别库,截图web页面后将截图中的文本提取校验是否符合国际化。pytesseract等图像识别技术对文本识别尚未完全成熟,对一些符合、文字存在识别错误,可能造成国际化检测结果出现误差;图像识别技术无法选择性校验数据;也无法对不同场景下的添加、修改、删除、导入、导出等编辑按钮下的弹窗、下拉框及Tab新页签进行动态操作后的结果进行验证。
发明内容
为了改善工业软件中的前端网页检测过程中的上述问题,本发明提出一种web端页面检测方法。
第一方面,本发明提供了一种web端页面检测方法,包括:
获取待检测web端的目标页面的前端元素,所述目标页面的前端元素中包括所述目标页面中的显示内容及其类别属性,以及操作图标及其类别属性;
基于所述操作图标的类别属性,获取与所述目标页面关联的新界面的前端元素,所述新界面为通过所述目标页面中的所述操作图标直接及间接调用的新显示框,所述新界面的前端元素包括新显示框中的显示内容及其类别属性;
基于获取的所述目标页面中显示内容的类别属性及所述新界面中的显示内容的类别属性,获取所述待检测web端页面中的检测内容;
根据基准文件对所述检测内容进行分析,得到检测结果,所述检测结果用于表征所述待检测web端页面中是否存在错误,所述基准文件中包括所述检测内容对应的标准数据。
可选地,本发明提供的web端页面检测方法,所述检测内容包括至少一种检测数据,所述检测内容的类别属性中包括检测数据对应的属性值,所述基于获取的所述目标页面中显示内容的类别属性及所述新界面中的显示内容的类别属性,获取所述待检测web端页面中的检测内容包括:
根据目标页面中所述显示内容的类别属性,及所述新界面中的显示内容的类别属性,从所述目标页面的前端元素及所述新界面中的前端元素中获取至少一种检测数据;
根据所述检测数据对应的所述属性值,从所述检测数据中筛选目标检测数据。
可选地,本发明提供的web端页面检测方法,该操作图标包括树节点图标、编辑图标和/或标签图标,该基于该操作图标的类别属性,获取与该目标页面关联的新界面的前端元素包括:
基于该树节点图标、该编辑图标和/或该标签图标的类别属性,调用该目标页面中的操作图标对应的第一虚拟指令;
响应该第一虚拟指令对对应的该操作图标的触发操作,获取与该目标页面直接关联的第一新界面的前端元素,该第一新界面的前端元素中包括显示内容及其类别属性。
可选地,本发明提供的web端页面检测方法,当该第一新界面中还包括操作图标时,还包括:
基于该第一新界面中包括的操作图标的类别属性,调用该第一新界面中的操作图标对应的第二虚拟指令;
响应该第二虚拟指令的触发操作,获取与该目标页面间接关联的第二新界面的前端元素。
可选地,本发明提供的web端页面检测方法,当该第一新界面为新页签,且该新页签中包括分页图标时,调用的该第一新界面中的操作图标对应的第二虚拟指令为分页触发指令,该分页触发指令用于遍历触发该分页图标,
则该响应该第二虚拟指令的触发操作,获取与该目标页面间接关联的第二新界面的前端元素包括:
响应该分页触发指令的遍历触发操作,获取该新页签中各页面的前端元素,该新页签中各页面的前端元素包括该新页签中各页面中的显示内容及其类别属性。
可选地,本发明提供的web端页面检测方法,当该新界面为新页签,且该新页签中包括分页图标及编辑图标时,调用的该第一新界面中的操作图标对应的第二虚拟指令为分页触发指令及编辑触发指令,该分页触发指令用于遍历触发该分页图标,该编辑触发指令用于遍历触发该新页签中的该编辑图标,
则该响应该第二虚拟指令的触发操作,获取与该目标页面间接关联的第二新界面的前端元素包括:
响应该分页触发指令及该编辑触发指令的遍历触发操作,获取该新页签中各页面及各页面中的新界面中的前端元素,该新页签中各页面及各页面中的新界面中的前端元素包括该新页签中各页面及个页面中显示内容及其类别属性。
可选地,本发明提供的web端页面检测方法,当该第一界面为新页签,且该第一界面中不包括操作图标时,该第一虚拟指令为用于触发该目标页面中的标签图标的标签触发指令,则该响应该第一虚拟指令对对应的该操作图标的触发操作,获取与该目标页面直接关联的第一新界面的前端元素包括:
响应该标签触发指令,获取该新页签中的前端元素,该新页签中的前端元素包括该新页签中的显示内容及其类别属性。
可选地,本发明提供的web端页面检测方法,当该第一新界面为弹窗时,且该弹窗中包括分页图标时,该第一虚拟指令为编辑触发指令,该第二虚指令为分页触发指令,该编辑触发指令用于调用该弹窗,则该响应该第二虚拟指令的触发操作,获取与该目标页面间接关联的第二新界面的前端元素包括:
响应分页虚拟指令,获取该弹窗中各页面中的前端元素,该前端元素中包括弹窗中各页面的显示内容及其类别属性。
可选地,本发明提供的web端页面检测方法,当该第一新界面为告警界面时,该第一虚拟指令为编辑图标触发指令,该响应该第一虚拟指令对对应的该操作图标的触发操作,获取与该目标页面直接关联的第一新界面的前端元素包括:
响应该编辑图标触发指令对该目标页面中的编辑图标的触发,获取该告警界面的前端元素,该告警界面的前端元素包括该告警界面中的显示内容及其类别属性。
可选地,本发明提供的web端页面检测方法,该根据基准文件对该显示内容进行分析,得到检测结果包括:
将该检测内容中的检测数据与该基准文件中的标准数据进行对比;
当该检测数据中存在与该标准数据不一致的错误数据时,根据该错误数据生成该检测结果,该检测结果中包括该错误数据。
本发明提供的web端页面检测方法,借助自动化检测软件获取到待检测web端的目标页面包括的前端元素后,进而可以根据前端元素的类别属性中的操作图标属性,遍历触发各个操作图标,以直接或间接调用与该目标页面直接或间接关联的所有新界面,以使得处理设备能够访问到工业软件的各种场景情况下的界面,进而获取到各个场景下的界面中的前端元素,以获取的前端元素中各个场景下的显示内容中的检测内容,最后可以利用基准文件对获取到的检测内容进行检测,以确定待检测web端页面的准确性。上述检测过程中,由于利用前端元素的操作图标的类别属性,对各操作图标的遍历触发,从而访问了各种场景下页面,实现了待检测web端的各场景下页面动态变化模拟,以在动态模拟变化过程中批量获取待检测内容,实现了web端检测的自动及全面性,最终提升了检测效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单的介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例的web端页面检测系统的结构示意图;
图2为本发明实施例的web端页面检测方法的流程示意图;
图3为本发明一些实施例的web端页面的结构示意图;
图4为本发明一些实施例的web端的新界面的结构示意图;
图5为本发明一些实施例的web端的新界面的结构示意图;
图6为本发明一些实施例的web端的新界面的结构示意图;
图7为本发明一些实施例的web端的新界面的结构示意图;
图8为本发明一些实施例的web端的新界面的结构示意图;
图9为本发明一些实施例的web端页面检测方法的流程示意图;
图10为本发明一些实施例的web端页面检测装置的结构示意图;
图11为本发明实施例的计算机设备的系统结构示意图。
具体实施方式
以下结合附图对本发明的原理和特征进行描述,所举实例只用于解释本发明,并非用于限定本发明的范围。
为使本发明的上述目的、特征和优点能够更为明显易懂,下面结合附图对本发明的具体实施例做详细的说明。虽然附图中显示了本发明的某些实施例,然而应当理解的是,
本发明可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本发明。应当理解的是,本发明的附图及实施例仅用于示例性作用,并非用于限制本发明的保护范围。
应当理解,本发明的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本发明的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”;术语“可选地”表示“可选的实施例”。其他术语的相关定义将在下文描述中给出。需要注意,本发明中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本发明中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本发明实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
可以理解,对于各行业内设计的应用软件,如自动化行业内设计的工业应用软件,为了方便用户使用,可以设计为web端的形式,向用户提供对应的功能。
则在工业应用软件或其他领域应用软件的使用过程中,将面临不同客户的不同要求。例如,不同国家或地区的不用语言要求,即使用者对web端页面的文本的语言等具有不同的要求。因此,为了满足不同使用者的差异性需求,需要开发者设计不同文本语言的web端页面。
还可以理解,所设计前端网页的界面,为了满足行业领域的应用需求,包括各场景的多级转换界面,如打开的某页面中包括树节点图标及其他类型的多个操作图标。且通过操作树节点图标或其他操作图标,可以进入到不同场景的转换界面,且不同场景的转换界面中还可以设置有对应的操作图标,且所设置的操作图标可以调用对应的新界面,如弹窗、新页签、下拉框等。
则为了确保转换后的前端网页准确无误,需要对web前端网页的各个场景下存在的所有界面的正确性进行检测。如对各页面中的显示文本的正确性进行检测,具体如对工业领域内的web端页面进行文本语言方面的国际化检测。
或者,对于初步完成web端页面的设计,可能也需要对设计的web端页面中的内容的正确性检测,如页面中所显示内容中的图片或文本的正确性进行检测。
本发明实施例中,为了提高web端网页的检测速度、精度及全面性,通过搭建包括前端和后台服务器的检测环境,即如图1所示的,本发明实施例提供的web端页面检测系统。
如图1所示,该系统可以包括计算机处理设备及后台服务器。该处理设备与该后台服务器通过无线网络连接,实现数据交互。
该后台服务器中存储有待检测web端页面所包括的内容,即包括web应用中各界面的前端元素,即源代码。
如各场景下所显示界面的文本、图片及其对应的HTML的class属性等内容。
实际中,该操作图标具体可以包括树节点图标及编辑图标,该编辑图标具体可以为启动、新增、删除、分页等不同功能的操作按钮,以及展开文档的新页签等操作按钮。
例如,如图3所示的工业web页面,其包括多个操作图标及其操作图标中对应的文本内容。
该处理设备用于通过无线网络访问后台服务器,即可以通过配置的IP地址来访问配置的待检测软件的数据库,以向后台服务器发送数据请求消息,使得后台服务器响应该数据请求消息,向处理设备发送所请求的待检测软件的页面内容,以供处理设备检测。
可以理解,该处理设备上存储有检测程序模块,该检测程序块中封装有访问并调用各种场景下的显示界面的API,则在操作员在启动该检测程序块后,在处理设备上运行该检测程序块,即在操作员启动检测程序后,处理设备上可以显示检测程序块对应的操作界面,使得操作员在输入或点击待检测的工业软件的访问地址后,该检测程序可以模拟运行待检测软件的web端,通过封装的API,模拟点击待web端页面上的各种图标,以在与后台服务器数据交互过程中,获取到各按钮启动后的所调用的页面内容,实现待检测前端网页中内容的自动且准确的全面检测。
例如,在处理设备中可以运行有Playwright检测软件,即在该检测软件中,加载检测脚本,以对待检测的工业软件的web端进行模拟操作,实现web端页面中内容的全面准确检测。
为了更好的理解本发明实施例提供的前端网页检测方法,下面通过附图详细说明。
图2为本发明实施例提供的前端网页检测方法的流程示意图,如图2所示,该方法可以由处理设置执行,该方法具体包括:
S110,获取待检测web端的目标页面的前端元素,该目标页面的前端元素中包括该目标页面中的显示内容及其类别属性,以及操作图标及其类别属性。
S120,基于该操作图标的类别属性,获取与该目标页面关联的新界面的前端元素,该新界面为通过该目标页面中的该操作图标直接及间接调用的新显示框,该新界面的前端元素包括新显示框中的显示内容及其类别属性。
S130,基于获取的该目标页面中显示内容的类别属性及该新界面中的显示内容的类别属性,获取该待检测web端页面中的检测内容。
S140,根据基准文件对该检测内容进行分析,得到检测结果,该检测结果用于表征该待检测web端页面中是否存在错误,该基准文件中包括该检测内容对应的标准数据。
具体地,本发明实施例中,为了实现对web端页面的全面准确检测,操作员可以启动检测程序块,使得处理设备在接收到操作者输入的操作指令后,可以响应该操作指令,自动执行待检测web端的目标页面的浏览操作。
例如,操作员可以在检测软件中,点击待检测web端的目标页面的访问按钮,如访问链接等。
进一步,该处理设备在接收到操作员的输入的操作指令后,可以响应该操作指令,生成数据请求消息,并向后台服务器发送,以向后台服务器访问该检测web端页面,即web端的目标页面,进而使得该后台服务器响应该数据请求消息,向处理设备返回该目标页面中包括的前端元素。
该目标页面可以为需要检测的web端的某浏览页面,如web端的主页面,或者某个节点下的页面。
例如,如图3所示的web端页面。
该目标页面,实际中可以为HTML页面。
对应的,该前端元素可以为目标页面的各项HTML源代码。即该目标页面的前端元素中包括的目标页面中包括检测内容的所有显示内容及各显示内容对应的类别属性。
该类别属性具体可以包括文本属性、图片属性及操作图标属性等。
例如,如图3所示,获取的某工业软件的web端的某浏览页面。该页面中包括显示的各操作图标及文本内容。
进一步,在获取到待检测的目标页面,即待检测web端的目标页面的前端元素后,可以根据该前端元素的类别属性中的操作图标属性,获取与该目标页面直接或间接关联的所有新界面的前端元素。
该新界面可以为由该目标页面中的操作图标直接触发的新的界面区域,或由目标页面中的操作图标间接触发的新的界面区域。该新的界面区域具体可以为通过目标页面中的操作图标直接或间接调用的弹窗、下拉框、新页签及新页签中的弹窗等。本发明对此不做限制。
例如,通过目标页面中的操作图标,可以直接触发显示与该操作图标对应的,且与目标页面直接关联的第一新界面区域。如,通过目标页面上的操作图标调用的弹窗、下拉框、新页签等。
如图4所示的新页签,如图5所示的弹窗,或如图6所示的下拉框。
又例如,该新界面还可以包括与目标页面间接关联的第二新界面,即通过第一新界面区域中的操作图标调用出的第二新界面区域,如上述调用出来的第一新界面中的弹窗及新页签中的操作图标调用出的弹窗、下拉框、新页签等。如图7所示的新页签中的弹窗。
即可以理解,该新界面包括所有能够通过目标页面中的操作图标直接或间接调用的显示区域。可以通过对目标页面中的操作图标,以及后续调用出来的界面中的操作图标遍历触发,来调用的显示区域。
实际中,对于各个新界面的触发,是在处理设备与后台服务器的数据交互过程,即在访问一个新界面时,通过向后台服务器发送该新界面的访问请求,以使得后台服务器响应该数据请求,向该处理设备返回该数据请求消息。
进一步,在获取到目标页面及该目标页面相关的新界面中的前端元素后,分别获取该目标页面及新界面中前端元素中包括的检测内容。
该检测内容可以为待检测的web端的各界面中包括的待检测内容。
例如,在对工业软件的国际化检测场景下,该检测内容可以为各界面中的文本内容,即前端元素中的文本内容。即目标页面中及通过操作图标直接或间接调用的新界面中的文本内容,如弹窗、新页签及下拉框中的文本内容。
如图3所示中的目标页面中的操作图标中的文本内容,其他区域显示的文本内容。或者如图4所示的弹窗界面中的各文本内容。
可以理解,在另一些场景下,该检测内容也可以为界面中包括图片等其他内容,本发明实施例对此不做限制。
最后,在获取到上述的前端元素中的检测内容后,可以根据基准文件,对获取的检测内容进行分析处理,生成检测结果。该检测结果用于表示获取的该检测内容是否正确无误。
该基准文件,包括待检测内容对应的标准数据,可以通过预先获取的方式,存储在处理设备中。
例如,可以使用Python的Requests库发送post请求,获取国际化资源文件,进而使用xlrd2库读取国际化资源文件获取English|en_US列转为列表去重后写入json文件,以作为基准文件。
则在通过上述步骤获取到检测内容及基准文件后,可以将该检测内容与该基准文件进行对比,以生成检测结果。
例如,在对比过程中,可以判断检测内容中的数据是否存在于基准文件中,如不存在则认定检测内容有误,如拼写错误。或者,还可以进行文本内容是否包含目标字符判断,如是否包含中文,如存在,则表示检测文件有误,可以生成表示检测内容有误的检测结果,否则,可以生成表示检测内容无误的检测结果。
可以理解,本发明实施例的web端页面检测方法,借助自动化检测软件获取到待检测web端的目标页面包括的前端元素后,进而可以根据前端元素的类别属性中的操作图标属性,遍历触发各个操作图标,以直接或间接调用与该目标页面直接或间接关联的所有新界面,以使得处理设备能够访问到工业软件的各种场景情况下的界面,进而获取到各个场景下的界面中的前端元素,以获取的前端元素中各个场景下的显示内容中的检测内容,最后可以利用基准文件对获取到的检测内容进行检测,以确定待检测web端页面的准确性。上述检测过程中,由于利用前端元素的操作图标的类别属性,对各操作图标的遍历触发,从而访问了各种场景下页面,实现了待检测web端的各场景下页面动态变化模拟,以在动态模拟变化过程中批量获取待检测内容,实现了web端检测的自动及全面性,最终提升了检测效率。
进一步,可以理解,在一些实施例中,若通过对比判断,发现检检测数据中存在与所述标准数据不一致的错误数据时,即生成表示检测内容有误的检测结果。
例如,如检测内容为文本内容时,若经过判断确定检测的文本内容有拼写错误,则可以将错误文件进行若截图,并存存储至检测结果的文件夹,如截图文件夹,形成打印日志。
或者,还可以进行文本内容是否全都是目标语言文字判断,如进行英文的国际化检测,则可以判断是否包含有中文字符。同样的,如存在则截图并存储至截图文件夹。
进一步,在将检测内容检测完毕后,若存在错误,即截图文件夹中存储有截图,则可以生成包括截图文件的错误提示消息,并上传至服务器。
例如,检测内容与基准文件对比完成后,可以遍历截图文件夹,如存在截图,则压缩文件夹并调用禅道提bug方法,使用Playwright自动化进行禅道提bug,并将截图压缩包作为附件上传。
可以理解,本发明实施例提供的web端页面检测方法,在将检测内容与基准文件对比时,对存在错误的检测内容进行实时截图,并存储在截图文件夹中,进而可以将截图文件上传至后台服务器,以供操作员及时修正。
还可以理解,对于各类工业web应用,其中的各个web页面中包括的文本内容涉及各个方面。即该检测内容中包括各种检测数据。
例如,可以包括涉及用户的业务数据、各个操作图标的文本数据、界面中的操作数据等,如列表的表头或者操作说明等。
则实际中,在工业web应用的国际化检测场景下,web端页面中的业务数据,涉及用户的业务数据,由于其自身的特殊性,即其具有固有的拼写方式,不以操作者惯用语言而变化,即无需做语言转换,如无需对此做翻译处理。即在该场景下,对于web应用中的文本内容的检测,仅需要对除业务数据之外的文本进行检测。
如图8所示,包括无需检测的文本数据,即需要过滤掉的业务数据,以及需要检测的目标检测数据,即目标内容。
则本发明的一些实施例中,为了提高检测速度,对文本检测内容的检测场景下,在获取到检测内容后,可以对检测内容进行筛选,以避免对无需检测文本内容做检测。
对应的,对于上述各个类型的文本内容中的各中检测数据,在获取的前端元素中,即源代码中,其不同的数据类型,具有对应的属性值,即前端元素中的类别属性中包括检测数据对应的属性值。
则在本发明的另一些实施例中,为了提升检测效率,在获取检测内容时,可以利用前端元素的检测数据类型的属性值,对待检测的文本内容进行有效筛选,即对需要检测的内容进行准确筛选,避免对获取的所有文本内容进行对比。
即在S130中,获取所述目标页面及所述调用界面的前端元素中的检测内容,具体包括如下步骤:
S131,根据该显示内容的类别属性,从该目标页面及该新界面中的前端元素中获取至少一种检测数据。
S131,根据该检测数据对应的该属性值,从该检测数据中筛选目标检测数据。
具体地,本发明实施例中,为了实现无需检测数据的筛选,如业务数据的筛选,在获取各种检测数据时,首先可以利用前端元素中包括的各显示内容的类别属性,从目标页面及新界面中的前端元素中获取至少一种检测数据。
例如,当检测内容为文本时,首先可以根据文本数据的类别属性,从前端元素中获取批量文本,即作为待检测数据。
进一步,在批量获取到目标页面及调用的新界面中前端元素中的待检测数据后,可以确定待检测数据中包括的各个类型数据的属性值,继而根据各个类型数据的属性值,确定目标检测数据。
例如,在文本检测场景下,可以确定前端元素中包括的所有文本内容的各文本数据的属性值,进而根据属性值,获取到需要检测的目标检测数据,而排出掉无需检测的用户账号等业务数据。
例如,在获取的HTML的源代码中,可以利用HTML标签的class属性,即通过web页面字段文本的类别属性.header-cell批量获取文本内容,进而根据获取的批量文本内容的属性值,筛选业务数据。即列表中的内容为业务数据,其class属性值为.sup-datagrid-cell-formatter-text,从而可以将该类属性值的文本数据忽视,确保避免使用此class属性定位,最终可筛选掉此类业务数据。
可以理解,本发明实施例中,在根据前端元素的各元素类别属性,批量获取到待检测数据后,进而可以确定待检测数据中各部分检测数据的属性值,以根据属性值对目标检测数据进行筛选,以忽视无需检测的数据,从而可以避免对无需检测的内容进行无效检测,最终提升检测速度。
可选地,本发明实施例中,为了对涉及的各个场景下的界面中的内容进行检测,可以通过封装的公共API,以调用虚拟触发指令触发各个操作图标,来触发各个新界面,最终实现web端页面的全面检测。
其中,所涉及的操作图标可以包括树节点图标、编辑图标、标签图标等,即在软件实际使用过程中,操作者可以通过这些操作图标,实现场景及界面的转换及调用。
如图4所示,该树节点图标可以为目标页面的导航区域的图标,通过该树节点图标可以调用新的web页面。新的web页面中可以包括设置的操作图标。
如图4所示,该编辑图标可以包括页面保存、提交等编辑图标。
该标签图标为插入的获取其他浏览网页或文档的HTML标签。
可以理解,上述操作图标仅仅是示例性说明,本发明对此不作限制。
对应的,在web页面设计下,所获取的前端元素中包括有各个元素的类别属性,即包括显示内容的类别属性及操作图标的类别属性。
则在上述设置,本发明的实施例的S120中,基于操作图标的类别属性,获取与目标页面关联的新界面的前端元素,如图9所示,具体包括如下步骤:
S121,基于该树节点图标、该编辑图标和/或该标签图标的类别属性,调用该目标页面中的操作图标对应的第一虚拟指令。
S122,响应该第一虚拟指令对对应的该操作图标的触发操作,获取与该目标页面直接关联的第一新界面的前端元素,该第一新界面的前端元素中包括第一新界面中的显示内容及其类别属性。
具体地,基于树节点图标、编辑图标和/或标签图标的归类属性,通过虚拟触发指令,遍历所述目标页面中的操作图标,获取与所述目标页面直接关联或间接关联的第一新界面的前端元素。
例如,获取到目标页面的前端元素后,可以利用封装的API,遍历目标页面中的操作图标,即通过第一虚拟指令,触发各个操作图标,以访问各操作图标关联的第一新界面,以获取到第一新界面的前端元素。
可以理解,本发明实施例中,当目标页面中存在树节点的操作图标时,首先可以触发树节点操作图标,以触发存在的树节点图标下的各新界面。当目标页面中不存在树节点操作图标时,则可以触发编辑图标或标签图标。
实际中,当目标页面中存在树节点图标时,则可以根据树节点图标的类别属性,通过树节点图标对应的第一虚拟指令,获取与树节点图标对应的第一新界面的前端元素,该第一新界面为通过树节点操作图标直接或间接触发的新界面,该第一新界面的前端元素中包括该第一新界面中的待显示内容。该第一新界面可以是弹窗、新页签等不同界面。
例如,在获取到目标页面的前端元素后,首先可以通过查询步骤,确定前端元素中是否存在树节点图标的类别。
如,所获取的前端元素中,该树节点图标class属性为.ant-tree-title,则if结合is_visible()判断,如果当前业务存在此class属性,则is_visible()返回值为True。
进一步,当返回值表示存在树节点图标,则可以根据该树节点图标生成虚拟触发指令,以触发该树节点图标,调用该树节点下的新页面。
另一些实施例中,当没有树节点操作图标时,且存在编辑图标和/或标签图标时,在S120中,可以遍历触发该目标页面中的编辑图标和/或标签图标,调用与目标页面直接关联的第一新界面,获取第一新界面的包括显示内容及其类别属性的前端元素。
即基于编辑图标和/或标签图标的归类属性,通过与编辑图标和/或标签图标对应的第一虚拟指令,获取编辑图标和/或标签图标对应的第一界面的前端元素。同样的,该第一界面的前端元素中包括第一新界面中的待显示内容,即该场景下的第一新界面为通过编辑图标和/或标签图标直接或间接访问的界面。
例如,目标页面中不存在树节点图标时,且存在编辑图标和/或标签图标时,首先可以根据编辑图标及标签图标的类别属性,确定该目标页面中包括的编辑图标及标签图标数量,进而利用对应的虚拟指令,遍历各编辑图标及标签图标,以调用与目标页面直接关联或间接关联的第一新界面,并获取到新界面中的前端元素。
例如,编辑图标的类别属性为.sup-datagrid-button-item,则可以使用前端元素中class属性[type='button']获取编辑图标的数量。如获取页面提交、保存等编辑图标数量。同时可以使用标签名iframe结合操作图标计数方法获取ifram标签数量。在完成数量统计后,可以利用封装的API,调用第一虚拟指令,逐个触发所统计的操作图标,以调用各个场景下的新界面,并获取到各新界面的前端元素。
其中,该操作图标计数方法可以利用Playwright库提供的count方法,也可利用其它能够实现图标数量计数方法,本发明实施对此不做限制。
可以理解,在通过第一虚拟指令触发目标页面上的操作图标,触发调用的第一新界面,所调用的第一新界面中可能仍包括需要进一步触发的操作图标,即仍需要根据第一新界面中是否包括操作图标的情况,执行相应的方法。
例如,当通过上述的虚拟指令触发树节点下的第一新界后,可以继续利用新页面中的操作图标,进行各操作图标的虚拟触发,继续调用各个场景下的界面。如根据存在的操作图标的类别属性,执行对应的触发方式。
即在一些实施例中,若第一新界面中还包括操作图标时,则S120中,还包括如下步骤:
S123,基于该第一新界面中包括的操作图标的类别属性,调用该第一新界面中的操作图标对应的第二虚拟指令。
S124,响应该第二虚拟指令的触发操作,获取与该目标页面间接关联的第二新界面的前端元素,第二新界面的前端元素中包括第二新界面中的显示内容及其类别属性。
具体地,在获取到第一新界面的前端元素后,可以继续利用封装的公共API,遍历第一新界面中的操作图标,以继续触发web端目标页面中各个场景下的新界面,最终实现所有场景下界面访问,以及所有场景下界面内容的获取。
可以理解,对于第一新界面中的操作图标的触发操作,与上述实施例中的目标页面中的各操作图标的触发操作类似,在此不再赘述。
并且,对于第一新界面中的操作图标所调用的第二新界面,以及后续的所有界面的调用,同样类似,即通过上述方式,以访问获取到待检测web端页面的各场景下的界面内容。
为了更好的理解本发明实施例中,对于各场景下的显示内容,即前端元素的批量获取,下面以第一新界面为不同场景界面为例详细阐述。
可选地,一些实施例中,当通过触发操作图标,如编辑图标,调用的第一新界面为新页签,且新页签中包括分页图标时,调用的该第一新界面中的操作图标对应的第二虚拟指令为分页触发指令,该分页触发指令用于遍历触发该分页图标。
则该响应该第二虚拟指令的触发操作,获取与该目标页面间接关联的第二新界面的前端元素包括,具体包括:
响应该分页触发指令的遍历触发操作,获取该新页签中各页面的前端元素,该新页签中各页面的前端元素包括该新页签中各页面中的显示内容及其类别属性。
具体地,在利用第一虚拟指令操作目标页面上的编辑图标,获取到编辑图标对应的第一新界面的前端元素后,进而根据前端元素中的操作图标的类别属性,进行第一新界面的判断。
若操作前与操作后的编辑图标及标签图标的数量一致,则表示所调用的第一新界面为新页签,如Tab新页签。
例如,使用class属性[type='button']获取页面提交、保存等编辑图标数量,若触发目标页面上的编辑图标前后编辑图标数量一致,且点击图标前后iframe标签数量一致,则点击按钮打开了Tab新页签,以获取到了新页签的前端元素。
进一步,经过新界面的图标数量,确定第一新界面为新页签,则可以进一步根据新页签中的操作图标的类别属性,来全面获取新页签中的显示内容。
例如,当确定新页签中的操作图标中包括分页图标,且不存在编辑图标,则可以仅仅通过API,调用分页触发指令,触发分页图标,以获取新页签中所显示的所有文本内容。
比如,使用分页按钮class属性[role='Tab']判断是否存在分页,[aria-hidden='false']iframe判断分页中是否存在弹窗,如:存在分页且不存在iframe弹窗,则使用count方法获取分页按钮数量,循环点击分页并根据class属性获取需要校验国际化的文本内容,每个分页中使用分页按钮class属性[aria-hidden='false']。
可选地,在本发明的另一些实施例中,当确定新页签中的操作图标包括分页图标及编辑图标时,可以根据分页图标及编辑图标的类别属性,来获取新页签中涉及的各个界面。
即调用的该第一新界面中的操作图标对应的第二虚拟指令为分页触发指令及编辑触发指令,该分页触发指令用于遍历触发该分页图标,该编辑触发指令用于遍历触发该新页签中的该编辑图标。
则该响应该第二虚拟指令的触发操作,获取与该目标页面间接关联的第二新界面的前端元素包括:
响应该分页触发指令及该编辑触发指令的遍历触发操作,获取该新页签中各页面及各页面中的新界面中的前端元素,该新页签中各页面及各页面中的新界面中的前端元素包括该新页签中各页面及个页面中显示内容及其类别属性。
具体地,在第一个页面中,设置有编辑图标,则可以通过调用的编辑触发指令触发该编辑图标,来调用新界面,如下拉框、弹窗等。进而通过调用分页触发指令触发分页图标,在第二个页面中,若仍具有编辑图标,则继续利用编辑触发指令触发该编辑图标,直至所有的页面及编辑图标被触发,以使得所有的界面被调用,最终使得新页签中所有的显示内容被批量获取。
可以理解,上述过程中,即当新页签中存在编辑图标时,可以采用与上述目标页面中的编辑图标相同的触发方式,来调用关联的所有新界面,以获取界面中的显示内容。
可选地,本发明的另一些实施例中,当该第一界面为新页签,且该第一界面中不包括操作图标时,则该第一虚拟指令为用于触发该目标页面中的标签图标的标签触发指令,由于第一新界面中不存在操作图标,即不存在第二新界面,则该响应该第一虚拟指令对对应的该操作图标的触发操作,获取与该目标页面直接关联的第一新界面的前端元素包括:
响应该标签触发指令,获取该新页签中的前端元素,该新页签中的前端元素包括该新页签中的显示内容及其类别属性。
即该场景下,通过第一虚拟指令触发的第一新界面,即新页签中不存在任何操作图标,即不存在第二新界面。因此,在触发第一新界面时,获取该第一新界面中的前端元素后,即可获取了该场景下的所有显示内容。
可选地,本发明的另一些实施例中,当该第一新界面为弹窗时,且该弹窗中包括分页图标时,该第一虚拟指令为编辑触发指令,该第二虚指令为分页触发指令,该编辑触发指令用于调用该弹窗,则该响应该第二虚拟指令的触发操作,获取与该目标页面间接关联的第二新界面的前端元素包括:
响应分页虚拟指令,获取该弹窗中各页面中的前端元素,该前端元素中包括弹窗中各页面的显示内容及其类别属性。
具体地,若通过编辑图标或标签图标调用的是弹窗,则可以根据弹窗中是否存在分页图标来获取关联的所有显示内容。
即当通过目标页面中的编辑图标或标签图标访问新界面,即编辑触发指令,获取第一新界面的前端元素时,确定触发前和触发后的编辑图标及标签图标的数量一致,则表示所调用的新界面为弹窗。
进一步,为了全面获取该场景下的所有显示内容,可以根据该弹窗的前端元素中是否包括操作图标的类别属性来确定是否需要触发新的场景界面。
例如,当确定存在分页图标,则同样可以通过API调用虚拟指令,即调用分页触发指令,以便遍历所有的分页图标,以访问所有页面,来获取对应的前端元素。
或者,当不存在分页图标的场景下,则根据该弹窗的前端元素中的类别属性,直接获取该场景下对应的显示内容。
还可以理解,本发明的另一些实施例中,当在调用新页签中,存在分页图标,且存在新页签弹窗时,则如同上述实施例,可以获取分页按钮数量后循环点击并获取其中的文本内容。
可选地,本发明的另一些实施例中,当该第一新界面为告警界面时,该第一虚拟指令为编辑图标触发指令,该响应该第一虚拟指令对对应的该操作图标的触发操作,获取与该目标页面直接关联的第一新界面的前端元素包括:
响应该编辑图标触发指令对该目标页面中的编辑图标的触发,获取该告警界面的前端元素,该告警界面的前端元素包括该告警界面中的显示内容及其类别属性。
具体地,当通过虚拟指令触发操作图标时,可能显示告警页面。在该场景下,告警页面作为第一新界面,即在该场景下,可以直接获取的告警页面的前端元素,以获取该场景下的显示内容,具体通过告警信息的类别属性来获取。
例如,利用页面告警信息class属性.ant-message-warning结合is_visible()判断点击图标是否出现告警信息,如存在则获取利用class属性继续获取告警信息文本内容。
其中,该实施例中的页面告警信息的判断,同样可以采用Playwright库提供的代码实现。
可以理解,本发明实施例中,借助自动化检测软件获取到待检测web端的目标页面包括的前端元素后,进而可以根据前端元素的类别属性中的操作图标属性,遍历触发各个操作图标,以直接或间接调用与该目标页面直接或间接关联的所有新界面,以使得处理设备能够访问到工业软件的各种场景情况下的界面,进而获取到各个场景下的界面中的前端元素,以获取的前端元素中各个场景下的检测内容,最后可以利用基准文件对获取到的检测内容进行检测,以确定待检测web端页面的准确性。上述检测过程中,由于利用前端元素的操作图标的类别属性,对各操作图标的遍历触发,从而访问了各种场景下页面,实现了待检测web端的各场景下页面动态变化模拟,以在动态模拟变化过程中批量获取待检测内容,实现了web端检测的自动及全面性,最终提升了检测效率。
另一方面,如图10所示,本发明提供了一种web端页面检测装置,包括:
第一获取模块210,用于获取待检测web端的目标页面的前端元素,该前端元素中包括该目标页面中的检测内容,以及操作图标及检测内容对应的类别属性;第二获取模块220,用于基于该操作图标的类别属性,获取与该目标页面关联的新界面的前端元素,该新界面为通过该目标页面中的操作图标直接及间接调用的新显示框,该新界面的前端元素中包括新显示框中的检测内容及其类别属性;第三获取模块230,用于基于获取的该目标页面及该新界面的前端元素,获取该待检测web端页面中的检测内容;
检测模块140,用于根据基准文件对该检测内容进行分析,得到检测结果,该检测结果用于表征该待检测web端页面中是否存在错误,该基准文件中包括该检测内容对应的标准数据。
可选地,本发明提供的web端页面检测装置,该检测内容包括至少一种检测数据,该检测内容的类别属性中包括检测数据对应的属性值,第三获取模块具体用于:根据该检测内容的类别属性,从该目标页面及该新界面中的前端元素中获取待检测内容;根据检测内容中的该检测数据对应的该属性值,从该待检测内容中筛选目标检测数据。
可选地,本发明提供的web端页面检测装置,该操作图标包括树节点图标、编辑图标和/或标签图标,该基于该操作图标的类别属性,第二获取模块具体用于:基于该树节点图标、该编辑图标和/或该标签图标的类别属性,调用该目标页面中的操作图标对应的第一虚拟指令;响应该第一虚拟指令对对应的该操作图标的触发操作,获取与该目标页面直接关联的第一新界面的前端元素,该第一新界面的前端元素中包括检测内容及其类别属性。
可选地,本发明提供的web端页面检测装置,当该第一新界面中还包括操作图标时,第二获取模块还用于:基于该第一新界面中包括的操作图标的类别属性,调用该第一新界面中的操作图标对应的第二虚拟指令;响应该第二虚拟指令的触发操作,获取与该目标页面间接关联的第二新界面的前端元素。
可选地,本发明提供的web端页面检测装置,当该第一新界面为新页签,且该新页签中包括分页图标时,调用的该第一新界面中的操作图标对应的第二虚拟指令为分页触发指令,该分页触发指令用于遍历触发该分页图标,则第二获取模块具体用于:响应该分页触发指令的遍历触发操作,获取该新页签中各页面的前端元素,该新页签中各页面的前端元素包括该新页签中各页面中的检测内容及其类别属性。
可选地,本发明提供的web端页面检测装置,当该新界面为新页签,且该新页签中包括分页图标及编辑图标时,调用的该第一新界面中的操作图标对应的第二虚拟指令为分页触发指令及编辑触发指令,该分页触发指令用于遍历触发该分页图标,该编辑触发指令用于遍历触发该新页签中的该编辑图标,则第二获取模块具体用于:响应该分页触发指令及该编辑触发指令的遍历触发操作,获取该新页签中各页面及各页面中的新界面中的前端元素,该新页签中各页面及各页面中的新界面中的前端元素包括该新页签中各页面及个页面中检测内容及其类别属性。
可选地,本发明提供的web端页面检测装置,当该第一界面为新页签,且该第一界面中不包括操作图标时,该第一虚拟指令为用于触发该目标页面中的标签图标的标签触发指令,则第二获取模块具体用于:响应该标签触发指令,获取该新页签中的前端元素,该新页签中的前端元素包括该新页签中的检测内容及其类别属性。
可选地,本发明提供的web端页面检测装置,当该第一新界面为弹窗时,且该弹窗中包括分页图标时,该第一虚拟指令为编辑触发指令,该第二虚指令为分页触发指令,该编辑触发指令用于调用该弹窗,则第二获取模块具体用于:响应分页虚拟指令,获取该弹窗中各页面中的前端元素,该前端元素中包括弹窗中各页面的检测内容及其类别属性。
可选地,本发明提供的web端页面检测装置,当该第一新界面为告警界面时,该第一虚拟指令为编辑图标触发指令,则第二获取模块具体用于:响应该编辑图标触发指令对该目标页面中的编辑图标的触发,获取该告警界面的前端元素,该告警界面的前端元素包括该告警界面中的检测内容及其类别属性。
可选地,本发明提供的web端页面检测装置,该根检测模块具体用于:将该检测内容中的检测数据与该基准文件中的标准数据进行对比;当该检测数据中存在与该标准数据不一致的错误数据时,根据该错误数据生成该检测结果,该检测结果中包括该错误数据。
另一方面,本发明实施例提供的计算机处理设备,该计算机处理设备还包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,该处理器执行该程序时实现如上所述的web端页面检测方法。
下面参考图11,图11为本发明实施例的计算机处理设备的结构示意图。
如图11所示,该计算机处理设备包括中央处理单元(CPU)301,其可以根据存储在只读存储器(ROM)302中的程序或者从存储部分308加载到随机访问存储器(RAM)303中的程序而执行各种适当的动作和处理。在RAM 303中,还存储有电子设备300操作所需的各种程序和数据。CPU 301、ROM 302以及RAM 303通过总线304彼此相连。输入/输出(I/O)接口305也连接至总线304。在一些实施例中,以下部件连接至I/O接口305:包括键盘、鼠标等的输入部分306;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分307;包括硬盘等的存储部分308;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分309。通信部分309经由诸如因特网的网络执行通信处理。驱动器310也根据需要连接至I/O接口305。可拆卸介质311,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器310上,以便于从其上读出的计算机程序根据需要被安装入存储部分308。特别地,根据本发明的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明的实施例包括一种计算机程序产品,其包括承载在机器可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分309从网络上被下载和安装,和/或从可拆卸介质311被安装。在该计算机程序被中央处理单元(CPU)301执行时,执行本发明的电子设备中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的电子设备、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行电子设备、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行电子设备、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的电子设备、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,前述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的电子设备来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的单元或模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元或模块也可以设置在处理器中,例如,可以描述为:一种处理器,包括:第一获取模块、第二获取模块、第三获取模块及检测模块。其中,这些单元或模块的名称在某种情况下并不构成对该单元或模块本身的限定,例如,该第二获取模块还可以被描述为“用于基于所述操作图标的类别属性,获取与所述目标页面关联的新界面的前端元素,所述新界面为通过所述目标页面中的操作图标直接及间接调用的新显示框,所述新界面的前端元素中包括新显示框中的检测内容及其类别属性”。
作为另一方面,本发明还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中的。上述计算机可读存储介质存储有一个或者多个计算机程序,当上述计算机程序被一个或者一个以上的处理器用来执行描述于本发明的web端页面检测方法。
读者应理解,在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不必针对的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
尽管上面已经示出和描述了本发明的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本发明的限制,本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。
Claims (10)
1.一种web端页面检测方法,其特征在于,包括:
获取待检测web端的目标页面的前端元素,所述目标页面的前端元素中包括所述目标页面中的显示内容及其类别属性,以及操作图标及其类别属性;
基于所述操作图标的类别属性,获取与所述目标页面关联的新界面的前端元素,所述新界面为通过所述目标页面中的所述操作图标直接及间接调用的新显示框,所述新界面的前端元素包括新显示框中的显示内容及其类别属性;
基于获取的所述目标页面中显示内容的类别属性及所述新界面中的显示内容的类别属性,获取所述待检测web端页面中的检测内容;
根据基准文件对所述检测内容进行分析,得到检测结果,所述检测结果用于表征所述待检测web端页面中是否存在错误,所述基准文件中包括所述检测内容对应的标准数据。
2.根据权利要求1所述的web端页面检测方法,其特征在于,所述检测内容包括至少一种检测数据,所述检测内容的类别属性中包括检测数据对应的属性值,所述基于获取的所述目标页面中显示内容的类别属性及所述新界面中的显示内容的类别属性,获取所述待检测web端页面中的检测内容包括:
根据目标页面中所述显示内容的类别属性,及所述新界面中的显示内容的类别属性,从所述目标页面的前端元素及所述新界面中的前端元素中获取至少一种检测数据;
根据所述检测数据对应的所述属性值,从所述检测数据中筛选目标检测数据。
3.根据权利要求1或2所述的web端页面检测方法,其特征在于,所述操作图标包括树节点图标、编辑图标和/或标签图标,所述基于所述操作图标的类别属性,获取与所述目标页面关联的新界面的前端元素包括:
基于所述树节点图标、所述编辑图标和/或所述标签图标的类别属性,调用所述目标页面中的操作图标对应的第一虚拟指令;
响应所述第一虚拟指令对对应的所述操作图标的触发操作,获取与所述目标页面直接关联的第一新界面的前端元素,所述第一新界面的前端元素中包括所述第一新界面中的显示内容及其类别属性。
4.根据权利要求3所述的web端页面检测方法,其特征在于,当所述第一新界面中还包括操作图标时,还包括:
基于所述第一新界面中包括的操作图标的类别属性,调用所述第一新界面中的操作图标对应的第二虚拟指令;
响应所述第二虚拟指令的触发操作,获取与所述目标页面间接关联的第二新界面的前端元素,所述第二新界面的前端元素中包括所述第二新界面中的显示内容及其类别属性。
5.根据权利要求4所述的web端页面检测方法,其特征在于,当所述第一新界面为新页签,且所述新页签中包括分页图标时,调用的所述第一新界面中的操作图标对应的第二虚拟指令为分页触发指令,所述分页触发指令用于遍历触发所述分页图标,
则所述响应所述第二虚拟指令的触发操作,获取与所述目标页面间接关联的第二新界面的前端元素包括:
响应所述分页触发指令的遍历触发操作,获取所述新页签中各页面的前端元素,所述新页签中各页面的前端元素包括所述新页签中各页面中的显示内容及其类别属性。
6.根据权利要求4所述的web端页面检测方法,其特征在于,当所述新界面为新页签,且所述新页签中包括分页图标及编辑图标时,调用的所述第一新界面中的操作图标对应的第二虚拟指令为分页触发指令及编辑触发指令,所述分页触发指令用于遍历触发所述分页图标,所述编辑触发指令用于遍历触发所述新页签中的所述编辑图标,
则所述响应所述第二虚拟指令的触发操作,获取与所述目标页面间接关联的第二新界面的前端元素包括:
响应所述分页触发指令及所述编辑触发指令的遍历触发操作,获取所述新页签中各页面及各页面中的新界面中的前端元素,所述新页签中各页面及各页面中的新界面中的前端元素包括所述新页签中各页面及个页面中显示内容及其类别属性。
7.根据权利要求3所述的web端页面检测方法,其特征在于,当所述第一新界面为新页签,且所述第一新界面中不包括操作图标时,所述第一虚拟指令为用于触发所述目标页面中的标签图标的标签触发指令,则所述响应所述第一虚拟指令对对应的所述操作图标的触发操作,获取与所述目标页面直接关联的第一新界面的前端元素包括:
响应所述标签触发指令,获取所述新页签中的前端元素,所述新页签中的前端元素包括所述新页签中的显示内容及其类别属性。
8.根据权利要求4所述的web端页面检测方法,其特征在于,当所述第一新界面为弹窗时,且所述弹窗中包括分页图标时,所述第一虚拟指令为编辑触发指令,所述第二虚拟指令为分页触发指令,所述编辑触发指令用于调用所述弹窗,则所述响应所述第二虚拟指令的触发操作,获取与所述目标页面间接关联的第二新界面的前端元素包括:
响应分页虚拟指令,获取所述弹窗中各页面中的前端元素,所述弹窗中各页面中的前端元素中包括弹窗中各页面的显示内容及其类别属性。
9.根据权利要求3所述的web端页面检测方法,其特征在于,当所述第一新界面为告警界面时,所述第一虚拟指令为编辑图标触发指令,所述响应所述第一虚拟指令对对应的所述操作图标的触发操作,获取与所述目标页面直接关联的第一新界面的前端元素包括:
响应所述编辑图标触发指令对所述目标页面中的编辑图标的触发,获取所述告警界面的前端元素,所述告警界面的前端元素包括所述告警界面中的显示内容及其类别属性。
10.根据权利要求2、4-9任一项所述的web端页面检测方法,其特征在于,所述根据基准文件对所述检测内容进行分析,得到检测结果包括:
将所述检测内容中的检测数据与所述基准文件中的标准数据进行对比;
当所述检测数据中存在与所述标准数据不一致的错误数据时,根据所述错误数据生成所述检测结果,所述检测结果中包括所述错误数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311254753.0A CN117707921A (zh) | 2023-09-26 | 2023-09-26 | web端页面检测方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311254753.0A CN117707921A (zh) | 2023-09-26 | 2023-09-26 | web端页面检测方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117707921A true CN117707921A (zh) | 2024-03-15 |
Family
ID=90152205
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311254753.0A Pending CN117707921A (zh) | 2023-09-26 | 2023-09-26 | web端页面检测方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117707921A (zh) |
-
2023
- 2023-09-26 CN CN202311254753.0A patent/CN117707921A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9355081B2 (en) | Transforming HTML forms into mobile native forms | |
US8671389B1 (en) | Web application resource manager on the web and localizable components | |
US9195653B2 (en) | Identification of in-context resources that are not fully localized | |
US12079298B2 (en) | Methods and systems for browser extension used to generate relative XPath, absolute XPath and/or CSS selectors | |
IL226027A (en) | Two-way text checker and method | |
CN113657361A (zh) | 页面异常检测方法、装置及电子设备 | |
CN111508562A (zh) | 流程描述性语言的可视化显示方法、装置、设备和介质 | |
US20150161160A1 (en) | Application Localization | |
CN114297700B (zh) | 动静态结合的移动应用隐私协议提取方法及相关设备 | |
CN112835579A (zh) | 确定界面代码的方法、装置、电子设备和存储介质 | |
CN111475237A (zh) | 菜单处理方法、装置、电子设备及存储介质 | |
US9772986B2 (en) | Transforming HTML forms into mobile native forms | |
CN113535587B (zh) | 目标应用检测方法、装置及计算机设备 | |
CN111274156B (zh) | 兼容多框架页面的自动识别方法及装置 | |
CN115659087B (zh) | 页面渲染方法、设备及存储介质 | |
CN110717134A (zh) | 产品说明发布方法、装置、存储介质及电子设备 | |
CN117707921A (zh) | web端页面检测方法 | |
CN113467867B (zh) | 信息处理方法、装置、电子设备及存储介质 | |
CN115481025A (zh) | 自动化测试的脚本录制方法、装置、计算机设备及介质 | |
CN113687880A (zh) | 一种调用组件的方法、装置、设备和介质 | |
CN114461214A (zh) | 一种页面显示方法、装置、电子设备及存储介质 | |
CN112612469A (zh) | 一种界面元素的处理方法、装置和电子设备 | |
CN113378036A (zh) | 页面操作分析、埋点方法、装置、设备及存储介质 | |
CN111338941B (zh) | 信息处理方法和装置、电子设备和存储介质 | |
CN117348876B (zh) | 基于freeRTOS嵌入式系统的应用开发方法、系统及介质 |
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 |