页面元素查询方法、装置、电子设备和存储介质制造方法及图纸

技术编号:33074869 阅读:10 留言:0更新日期:2022-04-15 10:10
本申请公开了一种页面元素查询方法、装置、电子设备和存储介质;可以展示目标页面,所述目标页面包括至少一个页面元素,所述目标页面为供对象查询页面元素信息的功能页面;响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示所述目标页面元素的属性信息以及所述目标页面元素的区域标识,所述属性信息包括所述目标页面元素的关键样式信息,所述目标页面元素为所述目标页面的页面元素中的任一页面元素。本申请实施例可以提供查询页面元素的相关信息的功能页面,通过对页面中的页面元素进行操作,即可查看该页面元素的相关信息,提高了对页面元素信息查询的效率和准确率。和准确率。和准确率。

【技术实现步骤摘要】
页面元素查询方法、装置、电子设备和存储介质


[0001]本申请涉及计算机
,具体涉及一种页面元素查询方法、装置、电子设备和存储介质。

技术介绍

[0002]随着计算机技术和网络技术的发展,各种各样的软件的应用范围越来越广。用户界面是软件设计流程中的关键一环,是软件系统和用户之间进行交互和信息交换的媒介。用户界面的逻辑完备性和数据完备性直接影响到用户体验,甚至会导致软件开发过程的返工。用户界面开发完成后,需要对其进行走查。通过对用户界面进行走查,可以判断所设计的用户界面是否可以正常交互、以及用户界面中数据是否得到正确展示和设计。
[0003]在目前相关技术中,用户界面走查常以人工操作的方式,借助检查人员的经验和测试用例进行检查。这种检查方式费时费力,效率低下,而且出错率较高。

技术实现思路

[0004]本申请实施例提供一种页面元素查询方法、装置、电子设备和存储介质,可以通过对页面中的页面元素进行操作,即可查看该页面元素的相关信息,提高了对页面元素信息查询的效率和准确率。
[0005]本申请实施例提供一种页面元素查询方法,包括:
[0006]展示目标页面,所述目标页面包括至少一个页面元素,所述目标页面为供对象查询页面元素信息的功能页面;
[0007]响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示所述目标页面元素的属性信息以及所述目标页面元素的区域标识,所述属性信息包括所述目标页面元素的关键样式信息,所述区域标识包括所述目标页面中所述目标页面元素所在位置区域的标识,所述目标页面元素为所述目标页面的页面元素中的任一页面元素。
[0008]相应的,本申请实施例提供一种页面元素查询装置,包括:
[0009]第一展示单元,用于展示目标页面,所述目标页面包括至少一个页面元素,所述目标页面为供对象查询页面元素信息的功能页面;
[0010]第二展示单元,用于响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示所述目标页面元素的属性信息以及所述目标页面元素的区域标识,所述属性信息包括所述目标页面元素的关键样式信息,所述区域标识包括所述目标页面中所述目标页面元素所在位置区域的标识,所述目标页面元素为所述目标页面的页面元素中的任一页面元素。
[0011]可选的,在本申请的一些实施例中,所述第二展示单元具体可以用于响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示属性信息列表以及所述目标页面元素的区域标识,所述属性信息列表包括所述目标页面元素的至少一个属性信息。
[0012]可选的,在本申请的一些实施例中,该页面元素查询装置还可以包括第三展示单元,如下:
[0013]所述第三展示单元,用于响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示所述目标页面元素与参考页面元素之间的相对位置信息,所述参考页面元素为所述目标页面的页面元素中除所述目标页面元素外的任一页面元素。
[0014]可选的,在本申请的一些实施例中,该页面元素查询装置还可以包括确定单元,如下:
[0015]所述确定单元,用于响应于针对所述目标页面中页面元素的参考元素选择操作,将所述页面元素确定为参考页面元素。
[0016]可选的,在本申请的一些实施例中,所述相对位置信息包括相对位置关系和距离信息,所述距离信息是根据所述目标页面元素与所述参考页面元素之间的相对位置关系确定的。
[0017]可选的,在本申请的一些实施例中,该页面元素查询装置还可以包括比较单元和距离确定单元,如下:
[0018]所述比较单元,用于对所述目标页面元素的位置信息和所述参考页面元素的位置信息进行比较,得到所述目标页面元素与所述参考页面元素之间的相对位置关系;
[0019]距离确定单元,用于根据所述相对位置关系,确定所述目标页面元素和参考页面元素之间的距离信息。
[0020]可选的,在本申请的一些实施例中,所述目标页面还包括所述目标页面元素相对于所述目标页面的虚拟边界线,所述虚拟边界线指示所述目标页面元素在所述目标页面中的位置信息和尺寸大小。
[0021]可选的,在本申请的一些实施例中,所述第二展示单元具体可以用于响应于针对所述目标页面中目标页面元素的查询操作,基于所述目标页面的页面开发数据,在所述目标页面上展示所述目标页面元素的属性信息以及所述目标页面元素的区域标识。
[0022]可选的,在本申请的一些实施例中,该页面元素查询装置还可以包括加载单元和启动单元,如下:
[0023]所述加载单元,用于加载页面元素查询程序,以在初始目标页面上展示元素查询控件;
[0024]启动单元,用于响应于针对所述元素查询控件的触发操作,启动对所述初始目标页面的页面元素信息查询功能,得到目标页面。
[0025]可选的,在本申请的一些实施例中,所述目标页面还包括稿件查看控件;该页面元素查询装置还可以包括稿件查看单元,如下:
[0026]所述稿件查看单元,用于响应于针对所述稿件查看控件的触发操作,展示所述目标页面对应的页面设计稿件。
[0027]本申请实施例提供的一种电子设备,包括处理器和存储器,所述存储器存储有多条指令,所述处理器加载所述指令,以执行本申请实施例提供的页面元素查询方法中的步骤。
[0028]此外,本申请实施例还提供一种计算机可读存储介质,其上存储有计算机程序,其中,所述计算机程序被处理器执行时实现本申请实施例提供的页面元素查询方法中的步
骤。
[0029]本申请实施例提供了一种页面元素查询方法、装置、电子设备和存储介质,可以展示目标页面,所述目标页面包括至少一个页面元素,所述目标页面为供对象查询页面元素信息的功能页面;响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示所述目标页面元素的属性信息以及所述目标页面元素的区域标识,所述属性信息包括所述目标页面元素的关键样式信息,所述区域标识包括所述目标页面中所述目标页面元素所在位置区域的标识,所述目标页面元素为所述目标页面的页面元素中的任一页面元素。本申请实施例可以提供查询页面元素的相关信息的功能页面,通过对页面中的页面元素进行操作,即可查看该页面元素的相关信息,提高了对页面元素信息查询的效率和准确率。
附图说明
[0030]为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0031]图1a是本申请实施例提供的页面元素查询方法的场景示意图;
[0032]图1b是本申请实施例提供的页面元素查询方法的流程图;
[0033]图1c是本申请实施例提供的页面元素查询方法的页面示意图;
[0034]图1d是本申请实施例提供的页面元素查询方法的说明图;
[003本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面元素查询方法,其特征在于,包括:展示目标页面,所述目标页面包括至少一个页面元素,所述目标页面为供对象查询页面元素信息的功能页面;响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示所述目标页面元素的属性信息以及所述目标页面元素的区域标识,所述属性信息包括所述目标页面元素的关键样式信息,所述区域标识包括所述目标页面中所述目标页面元素所在位置区域的标识,所述目标页面元素为所述目标页面的页面元素中的任一页面元素。2.根据权利要求1所述的方法,其特征在于,所述响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示所述目标页面元素的属性信息以及所述目标页面元素的区域标识,包括:响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示属性信息列表以及所述目标页面元素的区域标识,所述属性信息列表包括所述目标页面元素的至少一个属性信息。3.根据权利要求1所述的方法,其特征在于,所述方法还包括:响应于针对所述目标页面中目标页面元素的查询操作,在所述目标页面上展示所述目标页面元素与参考页面元素之间的相对位置信息,所述参考页面元素为所述目标页面的页面元素中除所述目标页面元素外的任一页面元素。4.根据权利要求3所述的方法,其特征在于,所述方法还包括:响应于针对所述目标页面中页面元素的参考元素选择操作,将所述页面元素确定为参考页面元素。5.根据权利要求3所述的方法,其特征在于,所述相对位置信息包括相对位置关系和距离信息,所述距离信息是根据所述目标页面元素与所述参考页面元素之间的相对位置关系确定的。6.根据权利要求5所述的方法,其特征在于,所述方法还包括:对所述目标页面元素的位置信息和所述参考页面元素的位置信息进行比较,得到所述目标页面元素与所述参考页面元素之间的相对位置关系;根据所述相对位置关系,确定所述目标页面元素和参考页面元素之间的距离信息。7.根据权利要求1所述的方法,其特征在于,所述目标页面还包括所述目标页面元...

【专利技术属性】
技术研发人员:林淼庆
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1