[发明专利]页面展示方法、装置、计算机设备和存储介质

说明书

本发明涉及一种页面展示方法、装置、计算机设备和存储介质。页面展示方法包括：获取应用程序当前页面的页面数据；页面数据包括页面截图以及多个视图的视图标识和视图名称；按照预设规则将应用程序当前页面对应多个视图标识添加至多个具有不同的级别的数组；利用该数组构建应用程序当前页面对应的多叉树；根据多叉树生成多个视图分别对应的层级路径，根据层级路径在页面截图对相应的视图添加对应的埋点边框，将设有埋点边框的页面截图发送至预设终端，使预设终端对设有埋点边框的页面截图进行展示。该方法可以准确在页面截图添加埋点边框，提高应用程序当前页面展示效果。

技术领域

本发明涉及计算机技术领域，特别是涉及页面展示方法、装置、计算机设备和存储介质。

背景技术

在APP(Application，应用程序)中设置埋点是很多APP开发商收集用户行为数据的重要手段。目前，在APP中设置埋点具有多种方案，如代码埋点、可视化埋点和无埋点等。其中，要实现可视化埋点或无埋点，终端需要将APP页面截图以及对应的页面数据上传到Web服务器。由于无法对APP页面截图中的按钮等视图进行触摸操作，Web服务器需要对APP页面截图中可以进行触摸操作的视图进行识别和区别标记，并通过Web页面对区别标记后的APP页面截图进行展示，使得APP开发商可以在Web页面对APP页面中不同视图设置埋点。

传统方式中，Web服务器通过对可以进行触摸操作的视图添加边框，将可以进行触摸操作的视图与其他视图进行区分。但直接根据终端上传的页面数据，对不同视图添加边框，难以对边框的添加位置进行准确定位，常出现边框与视图发生错位等现象，使得对APP页面的展示效果不好。

发明内容

基于此，有必要针对上述技术问题，提供一种能够对页面中的视图进行准确定位的页面展示方法、装置、计算机设备和存储介质。

一种页面展示方法，包括：

获取应用程序当前页面的页面数据；所述页面数据包括页面截图以及多个视图的视图标识、视图名称和层级信息；

按照预设规则将多个视图标识添加至多个数组；多个数组具有不同的级别；

查询最高级别数组中的视图标识对应的视图名称，将最高级别数组中的视图标识对应的视图名称标记为父节点；

查询次高级别数组中的视图标识对应的视图名称，根据多个视图之间的层级信息，将次高级别数组中的视图标识对应的视图名称标记为所述父节点的子节点；

将所述子节点作为下一级别数组中的视图标识对应的视图名称的父节点进行迭代，直至最低级别数组；

利用父节点以及对应的子节点生成应用程序当前页面对应的多叉树；

根据所述多叉树生成多个视图分别对应的层级路径，根据所述层级路径在页面截图对相应的视图添加对应的埋点边框，将设有埋点边框的页面截图发送至预设终端，使预设终端对设有埋点边框的页面截图进行展示。

一种页面展示方法，包括：

获取应用程序当前页面的页面数据；所述页面数据包括页面截图以及多个视图的视图标识、视图名称和层级信息；

将所述页面数据发送至服务器，使服务器按照预设规则将多个视图标识添加至多个数组，多个数组具有不同的级别，并根据多个视图之间的层级信息将最高级别数组中的视图标识对应的视图名称标记为父节点，将次高级别数组中的视图标识对应的视图名称标记为所述父节点的子节点，将所述子节点作为下一级别数组中的视图标识对应的视图名称的父节点进行迭代，直至最低级别数组；利用父节点以及对应的子节点生成当前页面对应的多叉树，根据所述多叉树生成多个视图分别对应的层级路径，并根据所述层级路径在页面截图对相应的视图添加对应的埋点边框，将设有埋点边框的页面截图发送至预设终端，使预设终端对设有埋点边框的页面截图进行展示；