同类元素确定方法、装置、电子设备及存储介质制造方法及图纸

本公开关于一种同类元素确定方法、装置、电子设备及存储介质，该方法包括：显示包括圈选工具和具有层级关系的多个待圈选元素的目标页面；响应于基于圈选工具触发的圈选指令，从多个待圈选元素中确定出圈选元素；响应于基于圈选元素触发的操作指令，在目标页面中展示设置有元素选择操作信息的圈选配置区域；元素选择操作信息用于触发对上层元素的选取，上层元素为圈选元素的父元素，和/或为子元素中包括圈选元素的父元素的元素；响应于基于元素选择操作信息触发的元素选择指令，确定目标上层元素；从目标上层元素的子元素中，确定圈选元素对应的至少一个同类元素。本公开的技术方案可以提高同类元素查找的范围和响应效率，降低系统资源。

【技术实现步骤摘要】
同类元素确定方法、装置、电子设备及存储介质
本公开涉及互联网
，尤其涉及一种同类元素确定方法、装置、电子设备及存储介质。
技术介绍
可视化埋点指的是开发人员通过点击页面上的元素来圈选出需要对用户行为进行捕捉的元素。实际应用中，开发人员在圈选出所需要的元素的时候，可能还需要选取所选元素的同类元素。图1是相关技术中提供的一种圈选同类元素的页面示意图，图2是相关技术中提供的圈选同类元素的另一种页面示意图。如图1所示，开发人员可以在当前页面中任意选择一个元素作为当前圈选元素（比如，选择“11”图标），在当前圈选元素选择之后，当前页面的侧边栏会显示当前圈选元素的限定条件（如图1所示的限定条件为：显示“顺序为第3位”）。接着去除该限定条件（比如去除对图1中的“顺序为第3位”的勾选），即可得到与当前圈选元素处于同一父元素下的所有同类元素，如图2所示。然而相关技术只能获取与当前圈选元素处于同一父元素下的同类元素，无法响应用户自定义的操作来调整查找同类元素的范围，同类元素查找的响应效率和灵活性较低，且同类元素查找的范围较小，系统资源消耗较大。
技术实现思路
本公开提供一种同类元素确定方法、装置、电子设备及存储介质，以至少解决相关技术中无法响应用户自定义的操作来调整寻找同类元素的范围，导致的同类元素查找的响应效率和灵活性较低，且同类元素查找的范围较小，系统资源消耗较大的问题。本公开的技术方案如下：根据本公开实施例的第一方面，提供一种同类元素确定方法，包括：显示目标页面，所述目标页面包括圈选工具和具有层级关系的多个待圈选元素；响应于基于所述圈选工具触发的圈选指令，从所述多个待圈选元素中确定出圈选元素；响应于基于所述圈选元素触发的操作指令，在所述目标页面中展示所述圈选元素对应的圈选配置区域；所述圈选配置区域中设置有元素选择操作信息；所述元素选择操作信息用于触发对上层元素的选取，所述上层元素为所述圈选元素的父元素，和/或所述上层元素为子元素中包括所述圈选元素的父元素的元素，所述子元素为所述层级关系中任一待圈选元素的子元素；响应于基于所述元素选择操作信息触发的元素选择指令，从所述多个待圈选元素中确定出与所述元素选择指令对应的目标上层元素；所述目标上层元素为所述上层元素中的部分或全部元素；从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素，所述至少一个同类元素为所述多个待圈选元素中除所述圈选元素之外的元素。在一示例性的实施方式中，所述元素选择操作信息包括滑动对象和所述上层元素对应的多个滑动节点，所述元素选择指令为滑动指令，则所述响应于基于所述元素选择操作信息触发的元素选择指令，从所述多个待圈选元素中确定出与所述元素选择指令对应的目标上层元素，包括：响应于所述滑动指令，获取所述滑动指令触发后的滑动对象对应的目标滑动节点；基于预设映射关系，获取所述目标滑动节点对应的所述目标上层元素，所述预设映射关系表征滑动节点与所述上层元素之间的映射关系。在一示例性的实施方式中，所述目标上层元素包括预设数量个子元素，所述从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素，包括：确定所述层级关系中，所述圈选元素与所述目标上层元素之间的第一路径以及所述预设数量个子元素与所述目标上层元素之间的第二路径；将相应的第二路径所包含的层级数量与所述第一路径所包含的层级数量一致的子元素，作为候选元素；将元素类型信息与所述圈选元素的元素类型信息相同的候选元素，作为所述至少一个同类元素。在一示例性的实施方式中，所述响应于基于所述圈选工具触发的圈选指令，从所述多个待圈选元素中确定出圈选元素，包括：响应于基于所述圈选工具触发的圈选指令，监听触发所述圈选指令的圈选对象的移入事件；在所述移入事件被触发时，获取所述圈选对象所移动到的元素；将所述圈选对象所移动到的元素，作为所述圈选元素。在一示例性的实施方式中，在所述从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素之后，所述方法还包括：在所述至少一个同类元素上添加第一展示区块。在一示例性的实施方式中，在所述从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素之后，所述方法还包括：在所述圈选配置区域中展示所述至少一个同类元素，所述至少一个同类元素包括目标同类元素；响应于基于所述目标同类元素触发的选取指令，删除所述目标页面中的所述目标同类元素对应的第一展示区块。在一示例性的实施方式中，在所述响应于基于所述圈选工具触发的圈选指令，从所述多个待圈选元素中确定出圈选元素之后，所述方法还包括：在所述圈选元素上添加第二展示区块。在一示例性的实施方式中，在所述响应于基于所述圈选元素触发的操作指令，在所述目标页面中展示所述圈选元素对应的圈选配置区域之后，所述方法还包括：将所述目标页面中除所述圈选配置区域之外的区域，设置为非操作状态。根据本公开实施例的第二方面，提供一种同类元素确定装置，包括：目标页面显示模块，被配置为执行显示目标页面，所述目标页面包括圈选工具和具有层级关系的多个待圈选元素；圈选指令响应模块，被配置为执行响应于基于所述圈选工具触发的圈选指令，从所述多个待圈选元素中确定出圈选元素；操作指令响应模块，被配置为执行响应于基于所述圈选元素触发的操作指令，在所述目标页面中展示所述圈选元素对应的圈选配置区域；所述圈选配置区域中设置有元素选择操作信息；所述元素选择操作信息用于触发对上层元素的选取，所述上层元素为所述圈选元素的父元素，和/或所述上层元素为子元素中包括所述圈选元素的父元素的元素，所述子元素为所述层级关系中任一待圈选元素的子元素；元素选择指令响应模块，被配置为执行响应于基于所述元素选择操作信息触发的元素选择指令，从所述多个待圈选元素中确定出与所述元素选择指令对应的目标上层元素；所述目标上层元素为所述上层元素中的部分或全部元素；同类元素确定模块，被配置为执行从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素，所述至少一个同类元素为所述多个待圈选元素中除所述圈选元素之外的元素。在一示例性的实施方式中，所述元素选择操作信息包括滑动对象和所述上层元素对应的多个滑动节点，所述元素选择指令为滑动指令，则所述元素选择指令响应模块，包括：目标滑动节点获取单元，被配置为执行响应于所述滑动指令，获取所述滑动指令触发后的滑动对象对应的目标滑动节点；目标上层元素获取单元，被配置为执行基于预设映射关系，获取所述目标滑动节点对应的所述目标上层元素，所述预设映射关系表征滑动节点与所述上层元素之间的映射关系。在一示例性的实施方式中，所述目标上层元素包括预设数量个子元素，所述同类元素确定模块，包括：路径确定单元，被配置为执行确定所述层级关系中，所述圈选元素与所述目标上层元素之间的第一路径以及所述预设数本文档来自技高网...

【技术保护点】
1.一种同类元素确定方法，其特征在于，包括：/n显示目标页面，所述目标页面包括圈选工具和具有层级关系的多个待圈选元素；/n响应于基于所述圈选工具触发的圈选指令，从所述多个待圈选元素中确定出圈选元素；/n响应于基于所述圈选元素触发的操作指令，在所述目标页面中展示所述圈选元素对应的圈选配置区域；所述圈选配置区域中设置有元素选择操作信息；所述元素选择操作信息用于触发对上层元素的选取，所述上层元素为所述圈选元素的父元素，和/或所述上层元素为子元素中包括所述圈选元素的父元素的元素，所述子元素为所述层级关系中任一待圈选元素的子元素；/n响应于基于所述元素选择操作信息触发的元素选择指令，从所述多个待圈选元素中确定出与所述元素选择指令对应的目标上层元素；所述目标上层元素为所述上层元素中的部分或全部元素；/n从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素，所述至少一个同类元素为所述多个待圈选元素中除所述圈选元素之外的元素。/n

【技术特征摘要】
1.一种同类元素确定方法，其特征在于，包括：
显示目标页面，所述目标页面包括圈选工具和具有层级关系的多个待圈选元素；
响应于基于所述圈选工具触发的圈选指令，从所述多个待圈选元素中确定出圈选元素；
响应于基于所述圈选元素触发的操作指令，在所述目标页面中展示所述圈选元素对应的圈选配置区域；所述圈选配置区域中设置有元素选择操作信息；所述元素选择操作信息用于触发对上层元素的选取，所述上层元素为所述圈选元素的父元素，和/或所述上层元素为子元素中包括所述圈选元素的父元素的元素，所述子元素为所述层级关系中任一待圈选元素的子元素；
响应于基于所述元素选择操作信息触发的元素选择指令，从所述多个待圈选元素中确定出与所述元素选择指令对应的目标上层元素；所述目标上层元素为所述上层元素中的部分或全部元素；
从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素，所述至少一个同类元素为所述多个待圈选元素中除所述圈选元素之外的元素。


2.根据权利要求1所述的同类元素确定方法，其特征在于，所述元素选择操作信息包括滑动对象和所述上层元素对应的多个滑动节点，所述元素选择指令为滑动指令，则所述响应于基于所述元素选择操作信息触发的元素选择指令，从所述多个待圈选元素中确定出与所述元素选择指令对应的目标上层元素，包括：
响应于所述滑动指令，获取所述滑动指令触发后的滑动对象对应的目标滑动节点；
基于预设映射关系，从所述上层元素中获取所述目标滑动节点对应的所述目标上层元素，所述预设映射关系表征滑动节点与上层元素之间的映射关系。


3.根据权利要求2所述的同类元素确定方法，其特征在于，所述目标上层元素包括预设数量个子元素，则所述从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素，包括：
确定所述层级关系中，所述圈选元素与所述目标上层元素之间的第一路径以及所述预设数量个子元素与所述目标上层元素之间的第二路径；
将相应的第二路径所包含的层级数量与所述第一路径所包含的层级数量一致的子元素，作为候选元素；
将元素类型信息与所述圈选元素的元素类型信息相同的候选元素，作为所述至少一个同类元素。


4.根据权利要求1所述的同类元素确定方法，其特征在于，所述响应于基于所述圈选工具触发的圈选指令，从所述多个待圈选元素中确定出圈选元素，包括：
响应于基于所述圈选工具触发的圈选指令，监听触发所述圈选指令的圈选对象的移入事件；
在所述移入事件被触发时，获取所述圈选对象所移动到的元素；
将所述圈选对象所移动到的元素，作为所述圈选元素。


5.根据权利要求1至4中任一项所述的同类元素确定方法，其特征在于，在所述从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素之后，所述方法还包括：
在所述至少一个同类元素上添加第一展示区块。


6.根据权利要求5所述的同类元素确定方法，其特征在于，在所述从所述目标上层元素的子元素中，确定所述圈选元素对应的至少一个同类元素之后，所述方法还包括：
在所述圈选配置区域中展示所述至少一个同类元素，所述至少一个同类元素包括目标同类元素；
响应于基于所述目标同类元素触发的选取指令，删除所述目标页面中的所述目标同类元素对应的第一展示区块。


7.根据权利要求1所述的同类元素确定方法，其特征在于，在所述响应于基于所述圈选工具触发的圈选指令，从所述多个待圈选元素中确定出圈选元素之后，所述方法还包括：
在所述圈选元素上添加第二展示区块。


8.根据权利要求6或7所述的同类元素确定方法，其特征在于，在所述响应于基于所述圈选元素触发的操作指令，在所述目标页面中展示所述圈选元素对应的圈选配置区域之后，所述方法还包括：
将所述目标页面中除所述圈选配置区域之外的区域，设置为非操作状态。


9.一种同类元素确定装置，其特征在于，包括：
目标页面显示模块，被配置为执行显示目标页面，所述目标页面包括圈选工具和具有层级关系的多个待圈选元素；
圈选指令响应模块，被配置为执行...

【专利技术属性】
技术研发人员：孙昊男，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：北京;11