CN109582305B - 用于移动应用页面元素的编码方法、装置及电子设备 - Google Patents
用于移动应用页面元素的编码方法、装置及电子设备 Download PDFInfo
- Publication number
- CN109582305B CN109582305B CN201710908073.4A CN201710908073A CN109582305B CN 109582305 B CN109582305 B CN 109582305B CN 201710908073 A CN201710908073 A CN 201710908073A CN 109582305 B CN109582305 B CN 109582305B
- Authority
- CN
- China
- Prior art keywords
- interest
- partition
- elements
- page
- control
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种用于移动应用页面元素的编码方法及装置,通过获取页面视图树,对所述视图树的兴趣元素进行分区,生成分区标识;针对所述分区中的兴趣元素,生成兴趣元素标识;基于所述分区标识和所述兴趣元素标识生成兴趣元素编码,从而解决现有编码方式下兴趣元素编码不一致而无法准确分析兴趣元素的问题,达到在视觉效果和交互效果相同情况下,不同移动操作系统平台对同一兴趣元素的编码相同,并且对动态布局的页面中的元素生成的编码保持唯一并且稳定不变。
Description
技术领域
本申请涉及移动应用领域,具体涉及用于移动应用页面元素的编码方法,以及用于移动应用页面元素的编码装置,以及用于移动应用页面元素的编码的电子设备,以及用于移动应用页面元素的编码的存储设备。本申请同时涉及一种用于网页界面元素操作分析的方法,以及一种用于网页界面元素操作分析的装置,以及一种用于网页界面元素操作分析的电子设备,以及一种用于网页界面元素操作分析的存储设备。
背景技术
随着移动终端和移动操作系统的快速发展,越来越多的移动应用运行在不同的移动操作系统上,例如:iOS、Android、Windows Phone、Black Berry 10等,不同的终端用户通过多种移动平台对移动应用页面进行操作,分析移动应用页面元素的布局与动作是检测移动应用产品以及进行数据分析的重要途径。所述页面元素是指移动应用页面中可见或不可见的页面信息控件,用于展示信息或者辅助页面布局或者引导用户操作的功能控件或组件。
由于移动应用产品运行于不同的移动操作系统和多样化的移动终端,并且移动应用产品为了节省系统资源而大量应用动态布局,因此如何对待分析的页面元素进行编码标识,是分析移动应用页面元素的布局与动作的一个关键点,待分析的页面元素即为兴趣元素。目前普遍采用的标识元素的方法是基于页面视图树层次路径信息即基于视图链路来标识页面元素,即:从视图树根节点起依次遍历到当前元素,把遍历的路径元素和次序信息作为该元素的唯一标识因子,所述视图树是指页面布局的视图信息,记录了当前页面的各个元素之间的层次关系,通常是一个树状结构,所以称为视图树或者页面视图树。具体的现有对兴趣元素编码的方法包括:扫描当前视图树获取从根节点到兴趣元素的视图链路;记录视图树中每一层的元素的类型和当前元素在父元素中的次序,将两部分信息作为关键信息生成每层元素信息;把视图树根节点到兴趣元素中所有的元素信息通过分隔符连接在一起,组成当前兴趣元素的编码。图11和图12是现有的页面元素信息编码算法举例,图11和图12所示的两个视图树,各自的兴趣元素Button2呈现的视觉及交互效果相同,按照现有的编码方式得到的编码不同。图13是现有编码方法针对动态布局页面元素生成编码的情况,按照现有的编码方法,未示出的视图5的button1与滑出屏幕的视图3的button1的编码完全相同。
因此,现有的基于页面视图树层次路径信息的编码技术存在如下问题:移动应用产品运行于不同移动操作系统,不同的移动操作系统平台提供的控件类型名称存在差异,以及视觉和交互相同的页面由于实现方式的多样性对应的视图树会存在差异,因此基于视图树层次路径信息对兴趣元素编码对于运行于不同移动操作系统的移动应用产品很难做到编码保持一致,例如,视觉上相同的页面视图树中,相同的视图元素在Android平台是视图树中第一个子元素,但是在iOS平台由可能不是第一个子元素。另外,移动应用产品为了节省系统资源大量应用动态布局,即系统通过不断回收不可见元素,重用并绑定新的数据来达到既不生成大量元素对象又能展示不定项内容,例如Android系统的ListView、RecyclerView等,动态布局的视图树元素和视觉呈现内容不是完全一一对应关系,基于视图树层次路径信息编码的方式可能会导致多个兴趣元素对应到同一个编码的情况,从而无法准确分析兴趣元素的布局与动作。
发明内容
本申请提供一种用于移动应用页面元素的编码方法,以解决现有编码方式下不同移动操作系统上的移动应用页面兴趣元素编码不一致问题,以及视觉及交互相同的页面由于实现方式的多样性导致的移动应用页面兴趣元素编码不一致的问题,以及动态布局可能会导致多个兴趣元素对应到同一个编码的问题。
本申请还提供第二种用于移动应用页面元素的编码方法。
本申请还提供一种用于网页界面元素操作分析的方法。
本申请还提供一种用于移动应用页面元素的编码装置。
本申请还提供第二种用于移动应用页面元素的编码装置。
本申请还提供一种用于网页界面元素操作分析的装置。
本申请还提供一种用于移动应用页面元素的编码的电子设备。
本申请还提供第二种用于移动应用页面元素的编码的电子设备。
本申请还提供一种用于网页界面元素操作分析的电子设备。
本申请还提供一种用于移动应用页面元素的编码的存储设备。
本申请还提供第二种用于移动应用页面元素的编码的存储设备。
本申请还提供一种用于网页界面元素操作分析的存储设备。
本申请提供一种用于移动应用页面元素的编码方法,包括:
获取页面视图树,对所述视图树的兴趣元素进行分区,生成分区标识;
针对所述分区中的兴趣元素,生成兴趣元素标识;
基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
可选的,所述的获取页面视图树,包括获取部分页面元素生成的视图树或者获取全部页面元素生成的视图树。
可选的,所述对所述视图树的兴趣元素进行分区,包括:
通过遍历所述页面视图树,获取所述页面视图树的兴趣元素及兴趣元素的在视图树中的相对层次;
根据所述页面视图树和所述兴趣元素的在视图树中的相对层次对所述兴趣元素进行分区。
可选的,所述通过遍历所述页面视图树,获取所述页面视图树的兴趣元素及兴趣元素的在视图树中的相对层次,包括:
遍历所述页面视图树,确定视图树的动态布局控件;
针对动态布局控件生成动态布局控件的相对层次。
可选的,所述根据所述页面视图树和所述兴趣元素的在视图树中的相对层次对所述兴趣元素进行分区包括:
判断兴趣元素是否为可回收复用的兴趣元素;
将可回收复用的兴趣元素划分为同一分区。
可选的,所述根据所述页面视图树和所述兴趣元素的在视图树中的相对层次对所述兴趣元素进行分区,包括:
针对待分区的兴趣元素,确定在视图树上与其距离最近的动态布局控件;
将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,所述兴趣元素分区为兴趣元素动态分区。
可选的,所述生成分区标识,包括:
针对兴趣元素动态分区,将前缀标识、序列号、分隔符以及所述动态控件的子控件内容所在行号,依次连接在一起作为相应兴趣元素动态分区标识。
可选的,所述序列号采用从根节点起遍历所述视图树过程中针对所述动态布局控件生成的序列号。
可选的,所述序列号采用所述动态布局控件在屏幕中位置排序序号。
可选的,所述基于所述分区标识和所述兴趣元素标识生成兴趣元素编码具体为:
按照预定的编码规则,基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
可选的,所述针对所述分区中的兴趣元素,生成兴趣元素标识,采用如下方式:按照有限范围兴趣元素的视觉位置信息排序生成序列号,使用所述序列号作为兴趣元素标识。
可选的,所述按照有限范围兴趣元素的视觉位置信息排序,是按照所述兴趣元素在屏幕内的位置信息排序,包括按照下述任一种排序方式:
按照所述兴趣元素位置在屏幕内从上到下的顺序排序或按照所述兴趣元素位置在屏幕内从下到上的顺序排序;和/或
按照所述兴趣元素位置在屏幕内从左到右顺序排序或按照元素所述兴趣位置在屏幕内从右到左的顺序排序。
可选的,所述预定编码规则,包括下述任一种编码规则:
按照三层编码方案对所述兴趣元素进行编码;
按照四层编码方案对所述兴趣元素进行编码;
按照五层编码方案对所述兴趣元素进行编码。
可选的,所述四层编码方案,采用如下方式:
将应用标识、页面标识、所述兴趣元素分区标识以及所述兴趣元素在所属兴趣元素分区中的标识依次使用分隔符连接在一起作为所述兴趣元素的编码。
本申请还提供第二种用于移动应用页面元素的编码方法,包括:
获取页面视图树,对所述视图树的元素进行分区,生成分区标识;
针对所述分区中的元素,生成元素标识;
基于所述分区标识和所述元素标识生成元素编码。
本申请还提供一种用于网页界面元素操作分析的方法,包括:
获取网页界面对应的页面视图树,遍历所述页面视图树查找出全部兴趣元素,按照预定编码方法对所述兴趣元素编码;
基于兴趣元素编码,针对相应的兴趣元素生成相应的操作记录,通过对所述操作记录进行统计分析,获取网页界面元素的操作特征。
可选的,所述按照预定编码方法对所述兴趣元素编码,包括:
识别所述页面视图树中系统不回收复用的兴趣元素,划分为同一个兴趣元素分区,并针对该分区生成分区标识;
识别所述页面视图树中系统回收复用的兴趣元素,并识别其所属的距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的所有兴趣元素划分到该子控件相应的兴趣元素分区中,并针对该分区生成分区标识;
针对所述兴趣元素分区中的兴趣元素,根据其在屏幕内的视觉位置信息排序生成相应的序列号,并所述序列号作为所述兴趣元素在其所属的兴趣元素分区中的标识;
将应用标识、页面标识、所述兴趣元素分区标识、所述兴趣元素在其所属兴趣元素分区中的标识依次使用分隔符连接在一起作为所述兴趣元素的编码。
可选的,所述将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的所有兴趣元素划分到该子控件相应的兴趣元素分区中,并针对该分区生成分区标识,还包括:
将前缀标识、动态布局控件序列号、分隔符以及所述动态布局控件的子控件内容所在行号,依次连接在一起作为该分区的分区标识。
可选的,所述兴趣元素,是指用户可操作并且响应用户操作行为的元素,至少包括下述任一种:菜单、按钮、Tab组件、图片按钮、列表组件、滚屏组件。
可选的,所述用户操作行为包括:单击动作、长按动作、触摸动作。
可选的,所述对所述操作记录进行统计分析,是对所述兴趣元素产生的操作数及产生的事件数进行统计分析,至少包括下述任一种类型:所述兴趣元素的点击频率、所述兴趣元素操作顺序对应的流程跳转、所述兴趣元素操作后相应跳转页面停留时长、所述兴趣元素操作的交易转化率。
可选的,所述通过对所述操作记录进行统计分析,获取所述兴趣元素操作特征,将所述兴趣元素操作特征用于指导改善产品和运营,至少包括下述任一种改进:改善所述移动应用产品质量、调整产品显示方案、调整营销策略。
本申请还提供一种用于移动应用页面元素的编码装置,包括:
兴趣元素分区单元,用于获取页面视图树,对所述视图树的兴趣元素进行分区,生成分区标识;
兴趣元素标识单元,用于针对所述分区中的兴趣元素,生成兴趣元素标识;
兴趣元素编码单元,用于基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
本申请还提供第二种用于移动应用页面元素的编码装置,包括:
元素分区单元,用于获取页面视图树,对所述视图树的元素进行分区,生成分区标识;
元素标识单元,用于针对所述分区中的元素,生成元素标识;
元素编码单元,用于基于所述分区标识和所述元素标识生成元素编码。
本申请还提供一种用于网页界面元素操作分析的装置,包括:
唯一编码单元,获取所述移动应用的页面视图树,遍历所述页面视图树查找出兴趣元素,按照预定编码方法对所述兴趣元素编码;
界面元素操作特征分析单元,根据所述兴趣元素编码记录所述兴趣元素的操作记录,通过对所述操作记录进行统计分析,获取界面元素的操作特征。
本申请还提供一种用于移动应用页面元素的编码的电子设备,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
获取页面视图树,对所述视图树的兴趣元素进行分区,生成分区标识;
针对所述分区中的兴趣元素,生成兴趣元素标识;
基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
本申请还提供第二种用于移动应用页面元素的编码的电子设备,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
获取页面视图树,对所述视图树的元素进行分区,生成分区标识;
针对所述分区中的元素,生成元素标识;
基于所述分区标识和所述元素标识生成元素编码。
本申请还提供一种用于网页界面元素操作分析的电子设备,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
获取网页界面对应的页面视图树,遍历所述页面视图树查找出兴趣元素,按照预定编码方法对所述兴趣元素编码;
基于兴趣元素编码,针对相应的兴趣元素生成相应的操作记录,通过对所述操作记录进行统计分析,获取网页界面元素的操作特征。
本申请还提供一种用于移动应用页面元素的编码的存储设备,存储有指令,所述指令能够被处理器加载并执行以下步骤:
获取页面视图树,对所述视图树的兴趣元素进行分区,生成分区标识;
针对所述分区中的兴趣元素,生成兴趣元素标识;
基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
本申请还提供第二种用于移动应用页面元素的编码的存储设备,存储有指令,所述指令能够被处理器加载并执行以下步骤:
获取页面视图树,对所述视图树的元素进行分区,生成分区标识;
针对所述分区中的元素,生成元素标识;
基于所述分区标识和所述元素标识生成元素编码。
本申请还提供一种用于网页界面元素操作分析的存储设备,存储有指令,所述指令能够被处理器加载并执行以下步骤:
获取网页界面对应的页面视图树,遍历所述页面视图树查找出兴趣元素,按照预定编码方法对所述兴趣元素编码;
基于兴趣元素编码,针对相应的兴趣元素生成相应的操作记录,通过对所述操作记录进行统计分析,获取网页界面元素的操作特征。
与现有技术相比,本申请具有以下优点:
本申请提供的其中一个方面提供一种用于移动应用页面元素的编码方法;针对所述分区中的兴趣元素,生成兴趣元素标识;基于所述分区标识和所述兴趣元素标识生成兴趣元素编码,从而解决现有编码方式下不同移动操作系统上的移动应用页面兴趣元素编码不一致问题,以及视觉及操作相同的页面由于实现方式的多样性导致的移动应用页面兴趣元素编码不一致的问题,以及动态布局可能会导致多个兴趣元素对应到同一个编码,从而无法准确分析兴趣元素的问题,达到在视觉效果和交互效果相同情况下,不同移动操作系统平台对同一兴趣元素的编码相同,并且在使用过程中元素的编码保持稳定不变,对动态布局的页面中的元素生成的编码保持唯一并且稳定不变。
附图说明
图1是一种用于移动应用页面元素的编码方法的处理流程图;
图2是第二种用于移动应用页面元素的编码方法的处理流程图;
图3是一种用于网页界面元素操作分析的方法的处理流程图;
图4是一种用于网页界面元素操作分析的装置的兴趣元素编码流程图;
图5是一种用于移动应用页面元素的编码装置的示意图;
图6是第二种用于移动应用页面元素的编码装置的示意图;
图7是一种用于网页界面元素操作分析的装置的示意图;
图8是一种用于移动应用页面元素的编码的电子设备的示意图;
图9是第二种用于移动应用页面元素的编码的电子设备的示意图;
图10是一种用于网页界面元素操作分析的电子设备的示意图;
图11是根据现有编码方法对移动应用页面元素的编码举例一;
图12是根据现有编码方法对移动应用页面元素的编码举例二;
图13是根据现有编码方法对移动应用动态布局页面的编码举例;
图14是根据本申请提供的用于移动应用页面的编码方法进行编码时,获取所述页面视图树的兴趣元素举例,其中灰色底的圆形表示获取到的兴趣元素;
图15是根据本申请提供的用于移动应用页面的编码方法进行编码时,对所述视图树的兴趣元素进行分区,生成分区标识,进行的举例,其中灰色底的圆形表示获取到的兴趣元素;
图16是根据本申请提供的用于移动应用页面的编码方法进行编码时,各个兴趣元素分区中所包含的兴趣元素示例,其中灰色底的圆形表示获取到的兴趣元素;
图17是根据本申请提供的用于移动应用页面的编码方法进行编码时,按照四层编码方案对兴趣元素进行编码示例,其中灰色底的圆形表示获取到的兴趣元素。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似推广,因此本申请不受下面公开的具体实施的限制。
本申请提供一种用于移动应用页面元素的编码方法。本申请还提供第二种用于移动应用页面元素的编码方法。本申请还提供一种用于网页界面元素操作分析的方法。本申请还提供一种用于移动应用页面元素的编码装置。本申请还提供第二种用于移动应用页面元素的编码装置。本申请还提供一种用于网页界面元素操作分析的装置。在下面的实施例中逐一进行详细说明。
本申请其一实施例一种用于移动应用页面元素的编码方法。
以下结合图1对本申请提供的一种用于移动应用页面元素的编码方法的实施例进行说明。其中图1是本申请实施例提供的一种用于移动应用页面元素的编码方法的处理流程图。
目前,由于移动终端的多样化,移动应用产品支持多种不同的移动操作系统,例如常见的有iOS、Android、Windows Phone、Black Berry等。基于不同移动操作系统的同一个移动应用产品,通过其应用页面给不同终端用户提供相似和/或相同视觉效果以及交互效果。另外,基于相同移动操作系统的移动终端种类也是多样的,例如,基于Android的OPPO终端、华为终端等,运行于不同终端的同一个移动应用产品一般也具有相似和/或相同的视觉效果以及交互效果。
移动应用产品的页面以及网页的页面中用于展示信息或者辅助页面布局或者引导用户操作的功能组件或者控件称为元素或者页面元素,这些页面元素对于终端用户在视觉上是可见的或者不可见。实际应用中,常常通过分析移动应用产品页面元素的布局与动作是否合理以及是否正确,从而指导移动应用产品在用户功能和用户体验方面进行完善,另外,针对运行中的移动应用产品和网页的操作界面对应的页面元素的动作和访问记录进行数据分析,还可以用于指导改善移动应用产品的营销策略,移动应用产品的交互操作界面和网页的交互操作界面对应的页面元素统称为网页界面元素。
移动应用产品的页面元素布局都可以直观的归纳为一个树型结构,称为视图树或者页面视图树。视图树体现了移动应用的页面布局的视图信息,记录当前页面的各个页面元素之间的层次关系,其中的每个页面元素有且只有一个父元素,有零个或多个子元素,该树有一个抽象的根节点,根节点的直接子元素为移动应用的各个窗口,各窗口的子元素可以为视图、列表等,列表的子元素为各列表项。
不同的业务场景下,关心的待分析的页面元素是不同的,这些待分析的页面元素称为兴趣元素或兴趣控件,所述的业务场景有多种,例如:用户交互场景、拖拽场景、滚屏或滑动场景等。用户交互场景关心点击事件,则兴趣元素是可点击并且可响应点击事件的元素,例如:菜单、按钮、Tab组件、图片按钮、列表组件、滚屏组件、对话框、浏览控件、触摸控件。拖拽场景关心拖拽效果,则兴趣元素是可拖拽或者可响应拖拽事件的元素组件或元素插件;所述元素插件是封装好的实现一定功能的软件组件或对象。滚屏或滑动场景下的兴趣元素包括滚屏组件或触摸控件。
基于不同移动操作系统或者相同移动操作系统的不同终端产品上的移动应用产品,虽然提供相似或相同的视觉及交互效果,但是其实现方式是多样的,因此视图树是有差异的,并且不同移动操作系统提供的相同类型的元素或控件的名称很可能不同。在分析移动应用产品的页面布局以及页面元素动作是否正确或者合理时,首先需要对各兴趣元素进行标识,即为兴趣元素设定一个ID,保证不同的兴趣元素有不同的ID,并且在移动应用产品的使用过程中保持稳定不变,多平台的同一款移动应用产品的页面兴趣元素的编码保持一致,从而便于兴趣元素进行统一分析和准确分析。
本申请实施例中提供的用于移动应用页面元素的编码方法,对基于不同移动操作系统的或者基于不同种类终端的同一个移动应用产品的具有相似或相同视觉效果或交互效果的兴趣元素能够提供相同的编码,并且对于动态布局的页面兴趣元素也可以提供唯一编码,例如,兴趣元素为手机淘宝界面里引导用户打开天猫业务的按钮,对于iPhone手机淘宝界面里引导用户打开天猫业务的按钮的编码为A,对于Android手机淘宝界面里引导用户打开天猫业务的按钮编码也是A,而该兴趣元素编码不会是B,并且在反复使用过程中,该编码一直保持为A。
步骤S101,获取页面视图树,对所述视图树的兴趣元素进行分区,生成分区标识。
本步骤的目的是对所述兴趣元素进行分类或分区,每个分类称为一个兴趣元素分区,并针对兴趣元素分区生成分区标识,该分区标识用于唯一表示一个兴趣元素分区。兴趣元素的分区标识作为对所述兴趣元素编码的关键信息,是兴趣元素编码的唯一标识因子。图14是根据本申请提供的用于移动应用页面的编码方法进行编码时,获取所述页面视图树的兴趣元素举例,其中灰色底的圆形表示获取到的兴趣元素。
所述的获取页面视图树,包括获取部分页面元素生成的视图树或者获取全部页面元素生成的视图树。具体的,本申请提供的实施例中,从移动应用产品运行时生成其页面视图树,移动应用页面可能包含数千个元素,根据需要通过设置范围或筛选生成所述视图树的某些部分或者生成整个页面视图树。所述设置范围是指从所述视图树的根节点开始定义视图的范围,例如,希望仅包含当前窗口或控件的直接子级,或者包含某个窗口或控件的所有的后代。所述筛选是指定义包括在所述视图树中的元素类型或者应用其他筛选条件对所述视图树的元素进行筛选,例如,在控件视图中仅包含已启用的控件。
移动应用页面有静态布局,也有动态布局,静态布局中页面提供的界面不发生改变,元素对象不复用。动态布局,是指根据业务需求改变界面,各移动操作系统会提供可复用的组件支持动态布局,称为动态布局控件,例如,Android提供ListView、RecyclerView等,实现动态布局时,系统对于视觉效果不存在的元素会回收复用,绑定新的数据,从而既不生成大量元素对象又能展示不定项内容。这种动态布局控件在移动产品中被大量使用,这时视图树元素和视觉呈现内容并不是完全一一对应关系。
本实施例中,所述对所述视图树的兴趣元素进行分区,包括:
通过遍历所述页面视图树,获取所述页面视图树的兴趣元素及兴趣元素的在视图树中的相对层次;
根据所述页面视图树和所述兴趣元素的在视图树中的相对层次对所述兴趣元素进行分区。
其中,所述通过遍历所述页面视图树,获取所述页面视图树的兴趣元素及兴趣元素的在视图树中的相对层次,包括:
遍历所述页面视图树,确定视图树的动态布局控件;
针对动态布局控件生成动态布局控件的相对层次。
提供视觉及交互效果相同的页面,其视图树中可能包括不同的页面元素,从根节点到兴趣元素之间视图链路上的路径层次信息为绝对层次;从根节点到兴趣元素之间的视图链路上的剔除静态控件的仅包括各个动态布局控件的情况下得到的所有路径层次信息为相对层次,如果相对层次为0则说明该兴趣元素不会被回收复用。
本申请提供的实施例中,将不回收复用的兴趣元素划分为同一分区,称为固定元素分区或默认分区,不回收复用元素为固定组件;将可回收复用的兴趣元素根据其在视图树中的相对层次进行分区,此类分区的每一个分区是一个兴趣元素动态分区。具体的,包括:判断兴趣元素是否为可回收复用的兴趣元素;将不回收复用的兴趣元素划分为同一分区。例如:绝对层次为FrameLayout1.LinerLayout1.Button2,关心的兴趣元素Button2对应的相对层次为0,说明其不会回收复用。对于所述默认分区按照如下方式唯一标识该分区:直接使用默认分区名称,或者使用分隔符将前缀和默认分区名连接起来,例如该默认分区名称为1。
本实施例中对于可回收复用的兴趣元素的分区方式包括:
针对待分区的兴趣元素,确定在视图树上与其距离最近的动态布局控件;
将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件(包括每一子控件)下的兴趣元素(包括所有兴趣元素)划分到该子控件相应的兴趣元素分区中,所述兴趣元素分区为兴趣元素动态分区。
所述距离最近的动态布局控件,是指兴趣元素到其所属的绝对层次最近的动态布局控件,在所述页面视图树中,从所述系统回收复用的兴趣元素从下往上搜索,从而找到距离其最近的动态布局控件。
具体举例如下:
在获取到所述页面视图树后,通过遍历所述页面视图树,找出兴趣元素(例如,找出全部兴趣元素),例如,针对用户交互场景分析页面元素时找出当前视图树可以被点击的、且响应了点击事件的兴趣元素为当前视图树上的按钮;识别所述页面视图树中系统回收复用的兴趣元素,并识别其所属的距离最近的动态布局控件,将所述动态布局控件的每一个子控件作为一个单独兴趣元素分区,称为兴趣元素动态分区,将所述动态布局控件的子控件下的所有兴趣元素划分到该子控件所对应的兴趣元素动态分区中。
此外,还有其他方式对所述视图树中的兴趣元素进行分区,均在本申请的保护范围之内,例如:遍历所述页面视图树,针对每个动态布局控件生成动态布局控件的相对层次,根据所述相对层次信息和动态布局控件的类型信息,确定所述兴趣元素的分区。
在完成对所述兴趣元素进行分区后,针对兴趣元素动态分区生成分区标识。所述生成分区标识,包括:
针对兴趣元素动态分区,将前缀标识、序列号、分隔符以及所述动态控件的子控件内容所在行号,依次连接在一起作为相应兴趣元素动态分区标识。其中,所述序列号采用从根节点起遍历所述视图树过程中针对所述动态布局控件生成的序列号。另外序列号还有其他排序方式,均在本申请保护范围之内,例如,所述序列号采用所述动态布局控件在屏幕中位置排序序号。上述分区及分区标识方式,能保证兴趣元素分区,包括兴趣元素动态分区在内,都有一个唯一标识,使用上述分区信息作为兴趣元素编码的唯一标识因子。
具体举例如图15所示(其中,灰底圆形表示兴趣元素):
获取到的视图树A结构如下:
根节点为FrameLayout,视图树的一级子元素是线性布局控件LinerLayout;二级子元素包括括线性布局控件和列表视图控件:LinerLayout和ListView,其中二级在元素中的LinerLayout下有两个按钮元素Button1和Button2,二级子元素中的ListView下包括两个三级子元素LinerLayout1和LinerLayout2,其中LinerLayout1下包括两个按钮元素Button3和Button4并且其展示内容在第3行,LinerLayout2下包括两个按钮元素Button5和Button6,并且展示内容在第4行;
定义的兴趣元素为可点击和响应了点击事件的元素,即Button1、Button2、Button3、Button4、Button5、Button6;
识别出系统不回收复用的兴趣元素为Button1、Button2,放到默认分区中,该分区标识为Default;
识别出系统回收复用的兴趣元素为Button3、Button4、Button5、Button6,从兴趣元素Button3在视图树中从下往上搜索找到距离Button3最近的动态布局控件ListView,该动态布局控件的两个子控件LinerLayout1和LinerLayout2各自作为一个单独兴趣元素动态分区;子控件LinerLayout1下的兴趣元素Button3、Button4放到一个兴趣元素动态分区中,子控件LinerLayout2下的兴趣元素Button5、Button6放到另一个兴趣元素动态分区中;
分隔符使用“_”,兴趣元素动态分区前缀使用Dy,动态布局控件ListView的序列号1,子控件LinerLayout1展示内容行号3,LinerLayout1下兴趣元素Button3、Button4所在的兴趣元素动态分区为Dy1_3;LinerLayout2展示内容行号4,LinerLayout2下兴趣元素Button5、Button6所在的兴趣元素动态分区为Dy1_4。
步骤S102,针对所述分区中的兴趣元素,生成兴趣元素标识。
在步骤S101中完成了对所述兴趣元素的分区,并且对兴趣元素分区生成了唯一标识。本步骤中,是针对分区中的兴趣元素生成序列号,该序列号使得所述兴趣元素在其所属的分区中唯一被标识。
本申请提供的实施例中,采用如下方式针对兴趣元素分区中的兴趣元素进行标识:按照有限范围兴趣元素的视觉位置信息排序生成序列号,使用所述序列号作为兴趣元素标识。具体的,是按照所述兴趣元素在屏幕内的位置信息排序,包括按照下述任一种排序方式:
按照所述兴趣元素位置在屏幕内从上到下的顺序排序或按照所述兴趣元素位置在屏幕内从下到上的顺序排序;和/或
按照所述兴趣元素位置在屏幕内从左到右顺序排序或按照元素所述兴趣位置在屏幕内从右到左的顺序排序。
例如,按照元素位置在屏幕内从上到下的顺序排序和按照元素位置在屏幕内从左到右的顺序排序。
此外,也可以按照其他方式排序,只要保证兴趣元素分区中兴趣元素的序列号唯一,均在本申请保护范围之内,例如,按照元素位置在屏幕内从下到上顺序排序和按照元素位置在屏幕内从右到左的顺序排序。
步骤S103,基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
本步骤的目的是给所述兴趣元素生成编码唯一标识该兴趣元素。由于步骤S101针对兴趣元素分区生成分区标识具有唯一性,步骤S102生成的所述兴趣元素标识在兴趣元素所属的分区中也具有唯一性,因此在本步骤中基于所述兴趣元素分区标识和所述兴趣元素标识作为关键信息生成的兴趣元素编码也能保持其唯一性,这样对于多操作系统平台的移动应用产品,其页面中兴趣元素按照上述原则进行编码能保证不同操作系统平台中编码是一致的。并且对于视觉和交互效果相同但是页面的实现由差异的情况下,这种页面中兴趣元素编码也能保持一致。同时,动态布局页面中,反复操作,其中页面兴趣元素编码也是不变的。
基于所述分区标识和所述兴趣元素标识生成兴趣元素编码,具体为按照预定的编码规则,基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。所述的编码规则有多种,例如,按照三层编码方案对所述兴趣元素进行编码,或者按照四层编码方案对所述兴趣元素进行编码,或者按照五层编码方案对所述兴趣元素进行编码。
本申请提供的实施例中,采用四层编码方案对所述兴趣元素进行编码,具体的,将应用标识、页面标识、所述兴趣元素分区标识以及所述兴趣元素在所属兴趣元素分区中的标识依次使用分隔符连接在一起作为所述兴趣元素的编码;分隔符采用“.”。
具体举例如图16和图17所示(其中,灰底圆形表示兴趣元素):
移动应用淘宝首页的视图树A结构如下:
根节点为FrameLayout,一级子元素LinerLayout;二级子元素包括:LinerLayout和ListView,其中二级子元素的LinerLayout下有两个按钮元素Button1和Button2,Button1视觉位置在屏幕左侧,Button2视觉位置在屏幕右侧,二级子元素ListView下包括两个三级子元素LinerLayout1和LinerLayout2,其中LinerLayout1下包括两个按钮元素Button3和Button4并且其展示内容在第3行,Button3在屏幕的右侧,Button4在屏幕左侧,LinerLayout2下包括两个按钮元素Button5和Button6,并且展示内容在第4行,Button5在屏幕右侧,Button6在屏幕左侧;
兴趣元素为所有的按钮元素;各个兴趣元素在其所属兴趣元素分区中按照屏幕位置从左到右排序,各兴趣元素编码如图17所示,分别为:
Button1的编码为:淘宝.首页.Default1.1
Button2的编码为:淘宝.首页.Default1.2
Button3的编码为:淘宝.首页.Dy1_3.2
Button4的编码为:淘宝.首页.Dy1_3.1
Button5的编码为:淘宝.首页.Dy1_4.2
Button6的编码为:淘宝.首页.Dy1_4.1
上述的实施例的方法,解决现有编码方式下不同移动操作系统上的移动应用页面兴趣元素编码不一致问题,以及视觉及操作相同的页面由于实现方式的多样性导致的移动应用页面兴趣元素编码不一致的问题,以及动态布局可能会导致多个兴趣元素对应到同一个编码,从而无法准确分析兴趣元素的问题,达到在视觉效果和交互效果相同情况下,不同移动操作系统平台对同一兴趣元素的编码相同,并且在使用过程中元素的编码保持稳定不变,对动态布局的页面中的元素生成的编码保持唯一并且稳定不变。而现有的编码方法编码不唯一。例如图13所示的现有编码方法针对动态布局页面元素生成编码的情况,按照现有的编码方法,所示视图树的兴趣元素采用灰色底色的圆形表示,当前视觉效果第三行(如图13黑色箭头左端所示)在视图树中位置位于第一位(如图13黑色箭头所指位置元素)。对应第三行的兴趣元素Button1来说,按照上述编码后编码后FrameLayout1.Linerlayout1.ListView1.LinerLayout1.Button1,而当视图3视图滑动到不可见时,视觉上被删除,视图5滑动到手机屏幕最上端时,视图5成为ListView的第一个子视图,这时视图5的Button1的编码和当前视图3的编码完全相同。
以本申请提供的第一种用于移动应用页面元素的编码方法的实施例为基础,本申请另外提供了第二种用于移动应用页面元素的编码方法的实施例。
图2示出了本申请提供的第二种用于移动页面元素的编码方式的实施例,包括:
步骤S201,获取页面视图树,对所述视图树的元素进行分区,生成分区标识。
步骤S202,针对所述分区中的元素,生成元素标识。
步骤S203,基于所述分区标识和所述元素标识生成元素编码。
本实施例,是将本申请提供的对于兴趣元素进行编码的方法应用于元素编码,通过获取页面视图树,对所述视图树的元素进行分区,生成分区标识;针对所述分区中的元素,生成元素标识;基于所述分区标识和所述元素标识生成元素编码。
基于所述分区标识唯一标识一个元素分区,所述元素标识在元素所属的分区中唯一标识一个元素,由上述两部分信息作为关键信息生成的元素编码能在多操作系统平台上保持一致,在视觉效果及交互效果相同时即使实现有差异的情况下元素编码能保持一致,并且对于动态布局在反复使用时也会保持不变,从而可以准确的对元素的行为进行分析,辅助改善产品布局、使用质量。在本申请前述实施例中已经描述的内容,此处不再一一赘述。基于所述分区标识和所述兴趣元素标识生成兴趣元素编码,具体为按照预定的编码规则,基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
可选的,所述的获取页面视图树,包括获取部分页面元素生成的视图树或者获取全部页面元素生成的视图树。
可选的,所述对所述视图树的元素进行分区,包括:
通过遍历所述页面视图树,获取所述页面视图树的元素及元素的在视图树中的相对层次;
根据所述页面视图树和所述元素的在视图树中的相对层次对所述元素进行分区。
可选的,所述通过遍历所述页面视图树,获取所述页面视图树的元素及元素的在视图树中的相对层次,包括:
遍历所述页面视图树,确定视图树的动态布局控件;
针对动态布局控件生成动态布局控件的相对层次。
可选的,所述根据所述页面视图树和所述元素的在视图树中的相对层次对所述元素进行分区包括:
判断元素是否为可回收复用的元素;
将可回收复用的元素划分为同一分区。
可选的,所述根据所述页面视图树和所述元素的在视图树中的相对层次对所述元素进行分区,包括:
针对待分区的元素,确定在视图树上与其距离最近的动态布局控件;
将继承自所述动态布局控件的各个子控件作为各个单独的元素分区,将子控件下的所有元素划分到该子控件相应的元素分区中,所述元素分区为元素动态分区。
可选的,所述生成分区标识,包括:
针对元素动态分区,将前缀标识、序列号、分隔符以及所述动态控件的子控件内容所在行号,依次连接在一起作为相应元素动态分区标识。
可选的,所述序列号采用从根节点起遍历所述视图树过程中针对所述动态布局控件生成的序列号。
可选的,所述序列号采用所述动态布局控件在屏幕中位置排序序号。
可选的,所述针对所述分区中的元素,生成元素标识,采用如下方式:按照有限范围元素的视觉位置信息排序生成序列号,使用所述序列号作为元素标识。
可选的,所述按照有限范围元素的视觉位置信息排序,是按照所述元素在屏幕内的位置信息排序,包括按照下述任一种排序方式:
按照所述元素位置在屏幕内从上到下的顺序排序或按照所述元素位置在屏幕内从下到上的顺序排序;和/或
按照所述元素位置在屏幕内从左到右顺序排序或按照元素所述位置在屏幕内从右到左的顺序排序。
可选的,所述预定编码规则,包括下述任一种编码规则:
按照三层编码方案对所述元素进行编码;
按照四层编码方案对所述元素进行编码;
按照五层编码方案对所述元素进行编码。
可选的,所述四层编码方案,采用如下方式:
将应用标识、页面标识、所述元素分区标识以及所述元素在所属元素分区中的标识依次使用分隔符连接在一起作为所述元素的编码。
以本申请提供的第一种用于移动应用页面元素的编码方法的实施例为基础,本申请还提供了一种用于网页界面元素操作分析的方法的实施例。由于本实施例以前述的第一种用于移动应用页面元素的编码方法的实施例为基础,所以描述得比较简单,相关的部分请参见方法实施例的对应说明即可。
图3至图4示出了本申请提供的一种用于网页界面元素操作分析的方法的实施例。其中,图3是本申请实施例提供的一种用于网页界面元素操作分析的方法的处理流程图;图4是一种用于网页界面元素操作分析的方法的兴趣元素编码流程图。
本申请提供的一种用于网页界面元素操作分析的方法,包括:
步骤S301,获取网页界面对应的页面视图树,遍历所述页面视图树查找出兴趣元素,按照预定编码方法对所述兴趣元素编码;
所述视图树、所述兴趣元素、以及获取页面视图树和兴趣元素,已经在本申请提供的一种用于移动应用页面元素的编码方法的实施例中详细描述,此处不再赘述。
可选的,所述的获取所述移动应用页面视图树,包括获取所述移动应用的部分页面元素生成的视图树或者获取所述移动应用的全部页面元素生成的视图树。
本申请实施例中,按照预定方法对所述兴趣元素编码,具体处理流程如图4所示,包括:
步骤S301-1,识别所述页面视图树中系统不回收复用的兴趣元素,划分为同一个兴趣元素分区,并针对该分区生成分区标识。
步骤S301-2,识别所述页面视图树中系统回收复用的兴趣元素,并识别其所属的距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的所有兴趣元素划分到该子控件相应的兴趣元素分区中,并针对该分区生成分区标识。
步骤S301-3,针对所述兴趣元素分区中的兴趣元素,根据其在屏幕内的视觉位置信息排序生成相应的序列号,并所述序列号作为所述兴趣元素在其所属的兴趣元素分区中的标识。
可选的,所述将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的所有兴趣元素划分到该子控件相应的兴趣元素分区中,并针对该分区生成分区标识,还包括:
将前缀标识、动态布局控件序列号、分隔符以及所述动态布局控件的子控件内容所在行号,依次连接在一起作为该分区的分区标识。
步骤S301-4,将应用标识、页面标识、所述兴趣元素分区标识、所述兴趣元素在其所属兴趣元素分区中的标识依次使用分隔符连接在一起作为所述兴趣元素的编码。
可选的,所述兴趣元素,是指用户可操作并且响应用户操作行为的元素,至少包括下述任一种:菜单、按钮、Tab组件、图片按钮、列表组件、滚屏组件。
可选的,所述用户操作行为包括:单击动作、长按动作、触摸动作。
步骤S302,基于兴趣元素编码,针对相应的兴趣元素生成相应的操作记录,通过对所述操作记录进行统计分析,获取网页界面元素的操作特征。
实际应用中,移动应用或者网页对页面元素进行布局与渲染并实现业务功能,提供给用户交互界面。针对运行中的移动应用产品和网页的操作界面对应的页面元素的动作和访问记录进行数据分析,还可以用于指导改善移动应用产品的营销策略,移动应用产品的交互操作界面和网页的交互操作界面对应的页面元素统称为网页界面元素。
本步骤中先根据兴趣元素的编码对所述兴趣元素的操作记录进行分析,所述对所述操作记录进行统计分析,是对所述兴趣元素产生的操作数及产生的事件数进行统计分析,至少包括下述任一种类型:所述兴趣元素的点击频率、所述兴趣元素操作顺序对应的流程跳转、所述兴趣元素操作后相应跳转页面停留时长、所述兴趣元素操作的交易转化率。
本申请提供的实施例中,还要通过上述操作记录统计分析结果,获取所述兴趣元素操作特征,将所述兴趣元素操作特征用于指导改善产品和运营,至少包括下述任一种改进:改善所述移动应用产品质量、调整产品显示方案、调整营销策略。例如,对于点击频率高并且对相应点击后的页面访问停留时间长且产生交易转化率百分比高的按钮,对应的业务功能调整到移动产品界面上比较突出的位置;对于导致用户抱怨的点击顺序进行调整。
与本申请提供的第一种用于移动应用页面元素的编码方法相对应,本申请还提供一种用于移动应用页面元素的编码装置。参照图5,其示出了根据本申请提供的一种用于移动应用页面元素的编码装置示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见方法实施例的对应说明即可。下述描述的装置实施例仅仅是示意性的。
本申请提供一种用于移动应用页面元素的编码装置,包括:
兴趣元素分区单元501,用于获取页面视图树,对所述视图树的兴趣元素进行分区,生成分区标识;
兴趣元素标识单元502,用于针对所述分区中的兴趣元素,生成兴趣元素标识;
兴趣元素编码单元503,用于基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
与本申请提供的第二种用于移动应用页面元素的编码方法相对应,本申请还提供第二种用于移动应用页面元素的编码装置。参照图6,其示出了根据本申请提供的第二种用于移动应用页面元素的编码装置的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见方法实施例的对应说明即可。下述描述的装置实施例仅仅是示意性的。
本申请提供第二种用于移动应用页面元素的编码装置,包括:
元素分区单元601,用于获取页面视图树,对所述视图树的元素进行分区,生成分区标识;
元素标识单元602,用于针对所述分区中的元素,生成元素标识;
元素编码单元603,用于基于所述分区标识和所述元素标识生成元素编码。
与本申请提供的一种用于网页界面元素操作分析的方法相对应,本申请还提供一种用于网页界面元素操作分析的装置。参照图7,其示出了根据本申请提供的一种用于网页界面元素操作分析的装置的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见方法实施例的对应说明即可。下述描述的装置实施例仅仅是示意性的。
本申请提供一种用于网页界面元素操作分析的装置,包括:
唯一编码单元701,获取所述移动应用的页面视图树,遍历所述页面视图树查找出兴趣元素,按照预定编码方法对所述兴趣元素编码;
界面元素操作特征分析单元702,根据所述兴趣元素编码记录所述兴趣元素的操作记录,通过对所述操作记录进行统计分析,获取界面元素的操作特征。
本申请提供的一种电子设备实施例如下:
本申请还提供了一种用于移动应用页面元素的编码的电子设备,下面结合附图进行说明。
参照附图8,其示出了本实施例提供的第一种电子设备的示意图。
本申请提供的所述电子设备实施例描述得比较简单,相关的部分请参见上述提供的所述用于移动应用页面元素的编码方法实施例的对应说明即可。下述描述的实施例仅仅是示意性的。
本申请提供一种电子设备,包括:
存储器801,以及处理器802;
所述存储器801用于存储计算机可执行指令,所述处理器802用于执行所述计算机可执行指令:
获取页面视图树,对所述视图树的兴趣元素进行分区,生成分区标识;
针对所述分区中的兴趣元素,生成兴趣元素标识;
基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
本申请提供的第二种电子设备实施例如下:
本申请还提供了第二种用于移动应用页面元素的编码的电子设备,下面结合附图进行说明。
参照附图9,其示出了本实施例提供的第二种电子设备的示意图。
本申请提供的所述电子设备实施例描述得比较简单,相关的部分请参见上述提供的所述第二种用于移动应用页面元素的编码方法实施例的对应说明即可。下述描述的实施例仅仅是示意性的。
本申请提供一种电子设备,包括:
存储器901,以及处理器902;
所述存储器901用于存储计算机可执行指令,所述处理器902用于执行所述计算机可执行指令:
获取页面视图树,对所述视图树的元素进行分区,生成分区标识;
针对所述分区中的元素,生成元素标识;
基于所述分区标识和所述元素标识生成元素编码。
本申请还提供一种用于网页界面元素操作分析的电子设备实施例如下:
本申请还提供了一种用于网页界面元素操作分析的电子设备的实施例,其描述得比较简单,相关的部分请参见上述提供的所述一种用于网页界面元素操作分析的方法的实施例的对应说明即可。下述描述的实施例仅仅是示意性的。
本申请提供一种电子设备,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
获取网页界面对应的页面视图树,遍历所述页面视图树查找出兴趣元素,按照预定编码方法对所述兴趣元素编码;
基于兴趣元素编码,针对相应的兴趣元素生成相应的操作记录,通过对所述操作记录进行统计分析,获取网页界面元素的操作特征。
本申请还提供一种用于移动应用页面元素的编码的存储设备实施例,其描述得比较简单,相关的部分请参见上述提供的所述第一种用于移动应用页面元素的编码的方法的实施例的对应说明即可。下述描述的实施例仅仅是示意性的。
本申请提供一种存储设备,图10是本申请提供的第一种用于移动应用页面元素的编码的电子设备示意图,包括:存储器1001和处理器1002,其中,存储器1001存储有指令,处理器1002用于加载所述指令加载并执行以下步骤:
获取页面视图树,对所述视图树的兴趣元素进行分区,生成分区标识;
针对所述分区中的兴趣元素,生成兴趣元素标识;
基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
本申请还提供第二种用于移动应用页面元素的编码的存储设备实施例,其描述得比较简单,相关的部分请参见上述提供的所述第二种用于移动应用页面元素的编码的方法的实施例的对应说明即可。下述描述的实施例仅仅是示意性的。
本申请提供第二种存储设备,包括:存储器和处理器,其中,存储器存储有指令,处理器用于加载所述指令加载并执行以下步骤:
获取页面视图树,对所述视图树的元素进行分区,生成分区标识;
针对所述分区中的元素,生成元素标识;
基于所述分区标识和所述元素标识生成元素编码。
本申请还提供一种用于网页界面元素操作分析的存储设备实施例,其描述得比较简单,相关的部分请参见上述提供的所述一种用于网页界面元素操作分析的方法的实施例的对应说明即可。下述描述的实施例仅仅是示意性的。
本申请提供一种存储设备,包括:存储器和处理器,其中,存储器存储有指令,处理器用于加载所述指令加载并执行以下步骤:
获取网页界面对应的页面视图树,遍历所述页面视图树查找出兴趣元素,按照预定编码方法对所述兴趣元素编码;
基于兴趣元素编码,针对相应的兴趣元素生成相应的操作记录,通过对所述操作记录进行统计分析,获取网页界面元素的操作特征。
本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
2、本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
Claims (30)
1.一种用于移动应用页面元素的编码方法,其特征在于,包括:
获取页面视图树,确定在视图树上与待分区的兴趣元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,针对所述兴趣元素分区生成分区标识;
针对所述分区中的兴趣元素,生成兴趣元素标识;
基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
2.根据权利要求1所述的一种用于移动应用页面元素的编码方法,其特征在于,所述的获取页面视图树,包括获取部分页面元素生成的视图树或者获取全部页面元素生成的视图树。
3.根据权利要求1所述的一种用于移动应用页面元素的编码方法,其特征在于,还包括:
通过遍历所述页面视图树,获取所述页面视图树的兴趣元素及兴趣元素的在视图树中的相对层次;
根据所述页面视图树和所述兴趣元素的在视图树中的相对层次对所述兴趣元素进行分区,针对所述分区生成分区标识。
4.根据权利要求3所述的一种用于移动应用页面元素的编码方法,其特征在于,所述通过遍历所述页面视图树,获取所述页面视图树的兴趣元素及兴趣元素的在视图树中的相对层次,包括:
遍历所述页面视图树,确定视图树的动态布局控件;
针对动态布局控件生成动态布局控件的相对层次;
所述根据所述页面视图树和所述兴趣元素的在视图树中的相对层次对所述兴趣元素进行分区,针对所述分区生成分区标识,包括:
根据所述相对层次信息和动态布局控件的类型信息,对所述兴趣元素进行分区,针对所述分区生成分区标识。
5.根据权利要求3所述的一种用于移动应用页面元素的编码方法,其特征在于,所述根据所述页面视图树和所述兴趣元素的在视图树中的相对层次对所述兴趣元素进行分区包括:
判断兴趣元素是否为可回收复用的兴趣元素;
将可回收复用的兴趣元素划分为同一分区。
6.根据权利要求1所述的一种用于移动应用页面元素的编码方法,其特征在于,所述生成分区标识,包括:
针对每个兴趣元素动态分区,将前缀标识、序列号、分隔符以及所述动态布局控件的子控件内容所在行号,依次连接在一起作为相应兴趣元素动态分区标识。
7.根据权利要求6所述的一种用于移动应用页面元素的编码方法,其特征在于,所述序列号采用从根节点起遍历所述视图树过程中针对所述动态布局控件生成的序列号。
8.根据权利要求6所述的一种用于移动应用页面元素的编码方法,其特征在于,所述序列号采用所述动态布局控件在屏幕中位置排序序号。
9.根据权利要求1所述的用于移动应用页面元素的编码方法,其特征在于,所述基于所述分区标识和所述兴趣元素标识生成兴趣元素编码具体为:
按照预定的编码规则,基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
10.根据权利要求9所述的一种用于移动应用页面元素的编码方法,其特征在于,所述针对所述分区中的兴趣元素,生成兴趣元素标识,采用如下方式:按照有限范围兴趣元素的视觉位置信息排序生成序列号,使用所述序列号作为兴趣元素标识。
11.根据权利要求10所述的一种用于移动应用页面元素的编码方法,其特征在于,所述按照有限范围兴趣元素的视觉位置信息排序,是按照所述兴趣元素在屏幕内的位置信息排序,包括按照下述任一种排序方式:
按照所述兴趣元素位置在屏幕内从上到下的顺序排序或按照所述兴趣元素位置在屏幕内从下到上的顺序排序;和/或
按照所述兴趣元素位置在屏幕内从左到右顺序排序或按照元素所述兴趣位置在屏幕内从右到左的顺序排序。
12.根据权利要求11所述的一种用于移动应用页面元素的编码方法,其特征在于,所述预定的编码规则,包括下述任一种编码规则:
按照三层编码方案对所述兴趣元素进行编码;
按照四层编码方案对所述兴趣元素进行编码;
按照五层编码方案对所述兴趣元素进行编码。
13.根据权利要求12所述的一种用于移动应用页面元素的编码方法,其特征在于,所述四层编码方案,采用如下方式:
将应用标识、页面标识、所述兴趣元素分区标识以及所述兴趣元素在所属兴趣元素分区中的标识依次使用分隔符连接在一起作为所述兴趣元素的编码。
14.一种用于移动应用页面元素的编码方法,其特征在于,包括:
获取页面视图树,确定在视图树上与待分区的元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的元素分区,将子控件下的元素划分到该子控件相应的元素分区中,针对所述元素分区生成分区标识;
针对所述分区中的元素,生成元素标识;
基于所述分区标识和所述元素标识生成元素编码。
15.一种用于网页界面元素操作分析的方法,其特征在于,包括:
获取网页界面对应的页面视图树,遍历所述页面视图树查找出兴趣元素;确定在视图树上与待分区的兴趣元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,针对所述兴趣元素分区生成分区标识,基于所述分区标识按照预定编码方法对所述兴趣元素编码;
基于兴趣元素编码,针对相应的兴趣元素生成相应的操作记录,通过对所述操作记录进行统计分析,获取网页界面元素的操作特征。
16.根据权利要求15所述的一种用于网页界面元素操作分析的方法,其特征在于,所述按照预定编码方法对所述兴趣元素编码,包括:
识别所述页面视图树中系统不回收复用的兴趣元素,划分为同一个兴趣元素分区,并针对该分区生成分区标识;
识别所述页面视图树中系统回收复用的兴趣元素,并识别其所属的距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,并针对该分区生成分区标识;
针对所述兴趣元素分区中的兴趣元素,根据其在屏幕内的视觉位置信息排序生成相应的序列号,并所述序列号作为所述兴趣元素在其所属的兴趣元素分区中的标识;
将应用标识、页面标识、所述兴趣元素分区标识、所述兴趣元素在其所属兴趣元素分区中的标识依次使用分隔符连接在一起作为所述兴趣元素的编码。
17.根据权利要求16所述的一种用于网页界面元素操作分析的方法,其特征在于,所述将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的所有兴趣元素划分到该子控件相应的兴趣元素分区中,并针对该分区生成分区标识,还包括:
将前缀标识、动态布局控件序列号、分隔符以及所述动态布局控件的子控件内容所在行号,依次连接在一起作为该分区的分区标识。
18.根据权利要求15所述的一种用于网页界面元素操作分析的方法,其特征在于,所述兴趣元素,是指用户可操作并且响应用户操作行为的元素,至少包括下述任一种:菜单、按钮、Tab组件、图片按钮、列表组件、滚屏组件。
19.根据权利要求18所述的一种用于网页界面元素操作分析的方法,其特征在于,所述用户操作行为包括:单击动作、长按动作、触摸动作。
20.根据权利要求15所述的一种用于网页界面元素操作分析的方法,其特征在于,所述对所述操作记录进行统计分析,是对所述兴趣元素产生的操作数及产生的事件数进行统计分析,至少包括下述任一种类型:所述兴趣元素的点击频率、所述兴趣元素操作顺序对应的流程跳转、所述兴趣元素操作后相应跳转页面停留时长、所述兴趣元素操作的交易转化率。
21.根据权利要求15所述的一种用于网页界面元素操作分析的方法,其特征在于,所述通过对所述操作记录进行统计分析,获取所述兴趣元素操作特征,将所述兴趣元素操作特征用于指导改善产品和运营,至少包括下述任一种改进:改善移动应用产品质量、调整产品显示方案、调整营销策略。
22.一种用于移动应用页面元素的编码装置,其特征在于,包括:
兴趣元素分区单元,用于获取页面视图树,确定在视图树上与待分区的兴趣元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,针对所述兴趣元素分区生成分区标识;
兴趣元素标识单元,用于针对所述分区中的兴趣元素,生成兴趣元素标识;
兴趣元素编码单元,用于基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
23.一种用于移动应用页面元素的编码装置,其特征在于,包括:
元素分区单元,用于获取页面视图树,确定在视图树上与待分区的元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的元素分区,将子控件下的元素划分到该子控件相应的元素分区中,针对所述元素分区生成分区标识;
元素标识单元,用于针对所述分区中的元素,生成元素标识;
元素编码单元,用于基于所述分区标识和所述元素标识生成元素编码。
24.一种用于网页界面元素操作分析的装置,其特征在于,包括:
唯一编码单元,获取移动应用的页面视图树,遍历所述页面视图树查找出全部兴趣元素;确定在视图树上与待分区的兴趣元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,针对所述兴趣元素分区生成分区标识,基于所述分区标识按照预定编码方法对所述兴趣元素编码;
界面元素操作特征分析单元,根据所述兴趣元素编码记录所述兴趣元素的操作记录,通过对所述操作记录进行统计分析,获取界面元素的操作特征。
25.一种用于移动应用页面元素的编码的电子设备,其特征在于,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
获取页面视图树,确定在视图树上与待分区的兴趣元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,针对所述兴趣元素分区生成分区标识;
针对所述分区中的兴趣元素,生成兴趣元素标识;
基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
26.一种用于移动应用页面元素的编码的电子设备,其特征在于,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
获取页面视图树,确定在视图树上与待分区的元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的元素分区,将子控件下的元素划分到该子控件相应的元素分区中,针对所述元素分区生成分区标识;
针对所述分区中的元素,生成元素标识;
基于所述分区标识和所述元素标识生成元素编码。
27.一种用于网页界面元素操作分析的电子设备,其特征在于,包括:
存储器,以及处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
获取网页界面对应的页面视图树,遍历所述页面视图树查找出全部兴趣元素;确定在视图树上与待分区的兴趣元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,针对所述兴趣元素分区生成分区标识,基于所述分区标识按照预定编码方法对所述兴趣元素编码;
基于兴趣元素编码,针对相应的兴趣元素生成相应的操作记录,通过对所述操作记录进行统计分析,获取网页界面元素的操作特征。
28.一种用于移动应用页面元素的编码的存储设备,其特征在于,存储有指令,所述指令能够被处理器加载并执行以下步骤:
获取页面视图树,确定在视图树上与待分区的兴趣元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,针对所述兴趣元素分区生成分区标识;
针对所述分区中的兴趣元素,生成兴趣元素标识;
基于所述分区标识和所述兴趣元素标识生成兴趣元素编码。
29.一种用于移动应用页面元素的编码的存储设备,其特征在于,存储有指令,所述指令能够被处理器加载并执行以下步骤:
获取页面视图树,确定在视图树上与待分区的元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的元素分区,将子控件下的元素划分到该子控件相应的元素分区中,针对所述元素分区生成分区标识;
针对所述分区中的元素,生成元素标识;
基于所述分区标识和所述元素标识生成元素编码。
30.一种用于网页界面元素操作分析的存储设备,其特征在于,存储有指令,所述指令能够被处理器加载并执行以下步骤:
获取网页界面对应的页面视图树,遍历所述页面视图树查找出全部兴趣元素;确定在视图树上与待分区的兴趣元素距离最近的动态布局控件,将继承自所述动态布局控件的各个子控件作为各个单独的兴趣元素分区,将子控件下的兴趣元素划分到该子控件相应的兴趣元素分区中,针对所述兴趣元素分区生成分区标识,基于所述分区标识按照预定编码方法对所述兴趣元素编码;
基于兴趣元素编码,针对相应的兴趣元素生成相应的操作记录,通过对所述操作记录进行统计分析,获取网页界面元素的操作特征。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710908073.4A CN109582305B (zh) | 2017-09-29 | 2017-09-29 | 用于移动应用页面元素的编码方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710908073.4A CN109582305B (zh) | 2017-09-29 | 2017-09-29 | 用于移动应用页面元素的编码方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109582305A CN109582305A (zh) | 2019-04-05 |
CN109582305B true CN109582305B (zh) | 2022-04-12 |
Family
ID=65914356
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710908073.4A Active CN109582305B (zh) | 2017-09-29 | 2017-09-29 | 用于移动应用页面元素的编码方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109582305B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110175047B (zh) * | 2019-04-22 | 2022-03-29 | 中国科学院信息工程研究所 | 处理器指令编码的自动生成方法及装置 |
CN113127771A (zh) * | 2019-05-30 | 2021-07-16 | 北京腾云天下科技有限公司 | 应用埋点方法、装置、计算设备和系统 |
CN112416339A (zh) * | 2020-02-17 | 2021-02-26 | 上海哔哩哔哩科技有限公司 | 页面开发方法、装置、计算机设备 |
CN113064593B (zh) * | 2021-04-12 | 2022-04-12 | 深圳市活力天汇科技股份有限公司 | 移动app动态化的方法、装置、计算机设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101593184A (zh) * | 2008-05-29 | 2009-12-02 | 国际商业机器公司 | 自适应地定位动态网页元素的系统和方法 |
CN103164201A (zh) * | 2011-12-15 | 2013-06-19 | 航天信息软件技术有限公司 | Web页面生成方法 |
CN103309667A (zh) * | 2013-06-14 | 2013-09-18 | 珠海全志科技股份有限公司 | 安卓系统中定位ui控件及图片修改位置的方法 |
CN106649066A (zh) * | 2016-12-16 | 2017-05-10 | 腾云天宇科技(北京)有限公司 | 一种应用中待监控控件的推荐方法及推荐服务器 |
-
2017
- 2017-09-29 CN CN201710908073.4A patent/CN109582305B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101593184A (zh) * | 2008-05-29 | 2009-12-02 | 国际商业机器公司 | 自适应地定位动态网页元素的系统和方法 |
CN103164201A (zh) * | 2011-12-15 | 2013-06-19 | 航天信息软件技术有限公司 | Web页面生成方法 |
CN103309667A (zh) * | 2013-06-14 | 2013-09-18 | 珠海全志科技股份有限公司 | 安卓系统中定位ui控件及图片修改位置的方法 |
CN106649066A (zh) * | 2016-12-16 | 2017-05-10 | 腾云天宇科技(北京)有限公司 | 一种应用中待监控控件的推荐方法及推荐服务器 |
Non-Patent Citations (2)
Title |
---|
"[OpenUI5] 控件ID实践与总结";mryqu;《http:// blog.sina.com.cn/s/blog_72ef7bea0102vp57.html》;20150503;第1-5页 * |
mryqu."[OpenUI5] 控件ID实践与总结".《http:// blog.sina.com.cn/s/blog_72ef7bea0102vp57.html》.2015,第1-5页. * |
Also Published As
Publication number | Publication date |
---|---|
CN109582305A (zh) | 2019-04-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109582305B (zh) | 用于移动应用页面元素的编码方法、装置及电子设备 | |
CN104657451B (zh) | 页面的处理方法及装置 | |
CN105912227A (zh) | 一种文本信息的显示方法、装置和移动设备 | |
CN106569659A (zh) | 一种信息展示方法及装置 | |
CN110506267B (zh) | 数字组件背景渲染 | |
CN103177078A (zh) | 一种主题包的处理方法及系统 | |
CN110647322B (zh) | 列表渲染方法、装置、电子设备和计算机可读介质 | |
CN105740144A (zh) | 一种Android移动终端的自动化测试方法及系统 | |
WO2014194654A1 (en) | Method and apparatus for page view switching | |
CN110049368A (zh) | 一种显示方法及相关设备 | |
CN105573595A (zh) | 信息展示方法及装置 | |
CN109657427A (zh) | 权限控制的方法及装置 | |
CN110569096A (zh) | 去代码化制作人机交互界面的系统、方法、介质及设备 | |
CN101770371A (zh) | 应用主题内容预览方法及装置 | |
CN109426513A (zh) | 一种视图组件的处理方法及设备 | |
CN110941428A (zh) | 一种网站创建方法和装置 | |
CN110968314A (zh) | 一种页面生成方法及装置 | |
CN106484726B (zh) | 一种页面展示方法及装置 | |
CN104408193B (zh) | 数据可视化模型的处理方法及装置 | |
CN106062693A (zh) | 桌面分享方法和移动终端 | |
CN111666100A (zh) | 软件框架生成方法、装置、电子设备及存储介质 | |
CN107193450A (zh) | 页面元素选择方法及装置 | |
CN112579066A (zh) | 图表展示方法、装置、存储介质及设备 | |
CN108334251B (zh) | 一种视图复用的方法及装置 | |
CN105739717A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |