CN118132583A - 数据的展示方法、系统、电子设备和计算机程序产品 - Google Patents

Abstract

本申请公开了一种数据的展示方法、系统、电子设备和计算机程序产品。其中，该方法可以包括：响应作用于操作界面上的页面展示指令，在操作界面上展示应用程序的待操作页面；响应作用于待操作页面上的数据查询指令，在待操作页面的页面结构信息中，标识出页面数据集，其中，页面结构信息用于表示待操作页面的页面结构，页面数据集包括应用程序在页面结构中的至少一埋点数据；响应于对页面数据集的选取指令，从页面数据集中选取目标埋点数据；在操作界面上，展示目标埋点数据的数据内容。本申请解决了数据的展示效率低的技术问题。

Description

数据的展示方法、系统、电子设备和计算机程序产品

技术领域

本申请涉及数据处理领域，具体而言，涉及一种数据的展示方法、系统、电子设备和计算机程序产品。

背景技术

目前，若用户需要通过对操作界面进行操作来查看某一埋点数据的数据内容，通常存在如下两个方面的问题：

一方面，从用户角度出发，用户可能本身不知道是否存在所要查看的埋点数据，以及在哪里查看埋点数据，在用户知道埋点数据所处位置之后，也可能需要从多个系统去申请调用埋点数据，也即，目前使用操作界面来查看数据内容是需要用户自身具备相应的操作能力，或者需要用户相互沟通询问来操作，存在沟通的时间成本高等问题。

另一方面，从操作界面角度出发，目前的操作界面可能需要通过代码找相应的埋点数据，再跨越多个系统去搜索相应数据内容，最终汇总在操作界面上进行展示，但是，上述操作界面的使用门槛较高，操作难度较大，查看数据内容速度较慢。

基于上述两个方面，目前查看数据的效率整体偏低，因此，仍存在数据的展示效率低的技术问题。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种数据的展示方法、系统、电子设备和计算机程序产品，以至少解决数据的展示效率低的技术问题。

根据本申请实施例的一个方面，提供了一种数据的展示方法。该方法可以包括：响应作用于操作界面上的页面展示指令，在操作界面上展示应用程序的待操作页面；响应作用于待操作页面上的数据查询指令，在待操作页面的页面结构信息中，标识出页面数据集，其中，页面结构信息用于表示待操作页面的页面结构，页面数据集包括应用程序在页面结构中的至少一埋点数据；响应于对页面数据集的选取指令，从页面数据集中选取目标埋点数据；在操作界面上，展示目标埋点数据的数据内容。

根据本申请实施例的另一个方面，提供了另一种数据的展示方法。该方法可以包括：获取应用程序的待操作页面的页面结构信息，其中，页面结构信息用于表示待操作页面的页面结构；在页面结构信息中，标识出页面数据集，其中，页面数据集包括应用程序在页面结构中的至少一埋点数据；从页面数据集中选取目标埋点数据；展示目标埋点数据的数据内容。

根据本申请实施例的另一个方面，提供了一种数据的展示系统。该系统可以包括：服务器，用于采集待操作页面的页面结构的至少一埋点数据；客户端，用于至少利用埋点数据构建页面结构信息，其中，页面结构信息用于表示待操作页面的页面结构；在页面结构信息中，标识出页面数据集，其中，页面数据集包括埋点数据；从页面数据集中选取目标埋点数据；展示目标埋点数据的数据内容。

根据本申请实施例的另一方面，还提供了一种电子设备。该电子设备可以包括存储器和处理器：存储器用于存储计算机可执行指令，处理器用于执行计算机可执行指令，上述计算机可执行指令被处理器执行时，实现本申请实施例的数据的展示方法。

根据本申请实施例的另一方面，还提供了一种处理器。该处理器用于运行程序，其中，在程序运行时执行本申请实施例的数据的展示方法。

根据本申请实施例的另一方面，还提供了一种计算机可读存储介质。该计算机可读存储介质包括存储的程序，其中，在程序运行时控制存储介质所在设备执行上述本申请实施例的数据的展示方法。

根据本申请实施例的另一方面，还提供了一种计算机程序产品。该计算机程序产品中包括计算机程序，该计算机程序在被处理器执行时实现上述本申请实施例的数据的展示方法。

在本申请实施例中，若需要对某一埋点数据的数据内容进行查看，可以在操作界面上执行相应的页面展示指令，基于页面展示指令可以在操作界面上展示应用程序的待操作页面，用户可以在该应用程序上查看相应的数据内容。在待操作页面上可以执行相应的数据查询指令，通过该数据查询指令，可以在待操作页面的页面结构信息中找到存储有埋点数据的页面数据集。可以根据用户自身所要查看埋点数据的需求，从页面数据集中选取出相应的埋点数据，并确定为用户所需的目标埋点数据，从而可以将该目标埋点数据相关的数据内容展示在操作界面上供用户查看。由于本申请实施例考虑到相关技术中的问题，可以通过一种可视化的操作界面，来将埋点数据的展示与用户的客户端做了结合，可以实时地展示页面数据集，用户仅需要直接地选择操作即可查看对应的埋点数据，而无需跨多个系统去申请，从而不仅达到了降低操作界面的使用门槛和沟通成本的目的，还达到了实现用户想查看什么就操作什么的目的，进而实现了提高数据的展示效率的技术效果，解决了数据的展示效率低的技术问题。

容易注意到的是，上面的通用描述和后面的详细描述仅仅是为了对本申请进行举例和解释，并不构成对本申请的限定。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请实施例的一种数据的展示方法的应用场景的示意图；

图2是根据本申请实施例的一种数据的展示方法的流程图；

图3是根据本申请实施例的另一种数据的展示方法的流程图；

图4是根据本申请实施例的一种数据的展示系统的流程图；

图5是根据一种本申请实施例的一种端上展示数据的方法的流程图；

图6是根据本申请实施例的一种助手界面的示意图；

图7是根据本申请实施例的一种客服系统的示意图；

图8是根据本申请实施例的一种对客服系统进行高亮渲染的示意图；

图9是一种传统的文档对象模型对客服系统进行高亮渲染的示意图；

图10是根据本申请实施例的一种高性能渲染实现过程的示意图；

图11是根据本申请实施例的一种选取埋点元素的示意图；

图12是根据本申请实施例的一种热力图动态增量渲染方法的流程图；

图13是根据本申请实施例的一种客服系统中应用热力图的示意图；

图14是根据本申请实施例的一种不同级别数据面板的示意图；

图15是根据本申请实施例的一种存储录屏数据的示意图；

图16是根据本申请实施例的一种多维度检索录屏数据方法的流程图；

图17是根据本申请实施例的一种客服系统中展示录屏列表的示意图；

图18是根据本申请实施例的一种数据的展示装置的示意图；

图19是根据本申请实施例的另一种数据的展示装置的示意图；

图20是根据本申请实施例的一种计算机终端的结构框图；

图21是根据本申请实施例的一种数据的展示方法的电子设备的框图；

图22是根据本申请实施例的一种用于实现数据的展示方法的计算机终端(或移动设备)的硬件结构框图；

图23是根据本申请实施例的一种数据的展示方法的计算环境的结构框图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

首先，在对本申请实施例进行描述的过程中出现的部分名词或术语适用于如下解释：

端上，包括用户实际操作的界面；

简单日志服务(Simple Log Service，简称为SLS)，为一种可以实时进行日志收集、存储、查询和分析服务；

功能即服务(Funct ion as a Service，简称为FaaS)，为一种云计算服务，可以允许开发者编写和部署代码而无需管理底层服务器，通常可以用于构建可伸缩的且时间驱动的应用程序和微服务；

数据重放(XReplay)，是一种云端录屏以及回放解决方法，可以实现7X24小时的不间断录屏，被广泛运用于用户体验调研、问题反馈、录屏监控和案例复盘等场景中。

实施例1

根据本申请实施例，提供了一种数据的展示方法，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本申请实施例提供的上述数据的展示方法可以应用于如图1所示的应用场景，但不仅限于此。在如图1所示的应用场景中，该服务器10可以为云端。服务器10可以通过局域网连接、广域网连接、因特网连接，或者其他类型的数据网络，连接一个或多个客户端设备20，此处的客户端设备20可以包括但不限于：智能手机、平板电脑、笔记本电脑、掌上电脑、个人计算机、智能家居设备、车载设备等，客户端设备共同构成了与该服务器相对的客户端。在客户端设备上图形用户界面上可以部署用来执行页面展示操作并生成页面展示指令的操作界面，该操作界面可以为用于检测用户所执行的相关操作的操作界面。客户端设备20可以通过图形用户界面与用户进行交互，实现本申请实施例所提供的数据的展示方法。

在本申请实施例中，客户端设备和服务器构成的系统可以执行如下步骤：若用户存在需要对某一埋点数据的数据内容进行查看的需求时，可以在用户的客户端设备上的操作界面中执行相应的页面展示操作来生成相应的页面展示指令，在接收到页面展示指令之后，可以在服务器中执行如下步骤：步骤S102，响应作用于操作界面上的页面展示指令，在操作界面上展示应用程序的待操作页面；步骤S104，响应作用于待操作页面上的数据查询指令，在待操作页面的页面结构信息中，标识出页面数据集，其中，页面结构信息用于表示待操作页面的页面结构，页面数据集包括应用程序在页面结构中的至少一埋点数据；步骤S106，响应于对页面数据集的选取指令，从页面数据集中选取目标埋点数据；步骤S108，在操作界面上，展示目标埋点数据的数据内容。在上述过程中，可以通过网络将服务器中按照用户的需求所选择的目标埋点数据发送给客户端设备。可以在客户端设备的操作界面上显示出该目标埋点数据的数据内容供用户查看。

由于本申请实施例考虑到相关技术中的问题，可以通过一种可视化的操作界面，来将埋点数据的展示与用户的客户端做了结合，可以实时地展示页面数据集，用户仅需要直接地选择操作即可查看对应的埋点数据，而无需跨多个系统去申请，从而不仅达到了降低操作界面的使用门槛和沟通成本的目的，还达到了实现用户想查看什么就操作什么的目的，进而实现了提高数据的展示效率的技术效果，解决了数据的展示效率低的技术问题。

本申请实施例提出了如下方法，在上述应用场景下，本申请提供了如图2所示的数据的展示方法。图2是根据本申请实施例的一种数据的展示方法的流程图，如图2所示，该方法可以包括如下步骤：

步骤S202，响应作用于操作界面上的页面展示指令，在操作界面上展示应用程序的待操作页面。

在本申请上述步骤S202提供的技术方案中，操作界面可以为由用户所操作的，并且可以查看埋点数据的系统或应用程序的操作界面，也可以称为端上的界面。用户可以在客户端中查看埋点数据的数据内容，比如，可以为客服，此时的应用程序可以为客服工作台的程序，客服工作台也可以称为客服系统，此时的操作界面可以为客服工作台的操作界面。操作界面中可以包括多个页面，其中可以包括能够查看埋点数据的界面，该界面可以用于显示待用户操作的用户查看埋点数据的页面，也即，该页面可以为待操作页面，也可以称为端上页面，比如，可以为助手界面。页面展示指令可以用于表示能够触发展示用户所需的页面的操作所生成的指令，也即，为用户执行页面展示操作所生成的指令。

需要说明的是，上述的用户以及操作界面仅为举例说明，此处不做具体限制，只要是需要查看埋点数据的用户以及体现用户所要查看的埋点数据的操作界面，均在本申请实施例的保护范围之内。

在该实施例中，若用户具有需要查看某一埋点数据的数据内容的需求，则用户可以在所对应的操作界面上执行相应的页面展示操作，操作界面可以基于页面展示操作生成相应的页面展示指令，来展示出该页面展示指令所对应的应用程序中的待操作页面。

可选地，若用户需要操作界面展示埋点数据的数据内容，则用户可以在对应的客户端设备的界面找到相应的应用程序，并执行点击等操作进入该应用程序的操作界面中。在该操作界面中，用户可以根据自身的需求，选择所要进入的操作页面，执行相应的页面展示操作，来触发页面展示指令，进而在操作界面中显示出相应的待操作页面。

可选地，针对需要查看埋点数据的待操作页面，为了区别于操作界面中的其他页面，可以为进入待操作页面设置与其他页面不同的页面展示指令。比如，其他页面都是通过在操作界面中设计相应的矩形框，在矩形框中标注该页面的名称等信息形成矩形控件来供用户操作。而用于查看埋点数据的待操作页面可以设置一个高亮元素来进行区分，比如，在整个白色的操作界面中可以以灰色的圆形气泡的控件来作为进入待操作页面的数据助手。用户可以通过点击该圆形气泡的控件生成展示待操作页面的页面展示指令。

需要说明的是，上述进入待操作页面所执行的操作以及展示待操作页面的方式和设计的展示待操作页面的控件仅为举例说明，此处不做具体限制，只要能够便于用户快速和便捷地进入待操作页面中来查看埋点数据的操作和方法，均在本申请实施例的保护范围之内。

举例而言，在应用程序的操作界面上，若用户需要通过助手界面来查看埋点数据的数据内容，则可以通过点击数据助手，来生成助手界面的页面展示指令，通过该指令可以打开一个弹窗，来展示助手界面。

步骤S204，响应作用于待操作页面上的数据查询指令，在待操作页面的页面结构信息中，标识出页面数据集。

在本申请上述步骤S204提供的技术方案中，待操作页面中可以包括不同的审查元素，不同的审查元素可以用于触发查看不同埋点数据的数据内容。审查元素可以为审查控件或审查按钮。数据查询指令可以为根据用户是否查看埋点数据的需求所执行相应的数据查询操作所生成的指令。页面结构信息可以用于表示待操作页面的页面结构，可以用于展示待操作页面的组织结构、文件目录和分类信息，可以为待操作页面的页面结构的结构树，比如，可以为悬停树结构(hover tree)，此处仅为举例说明，不对页面结构信息做具体限制。

可选地，页面数据集中可以包括应用程序在页面结构中的至少一埋点数据。埋点可以为通过在应用程序中插入追踪代码来记录用户的行为，以便分析和调整用户体验的一种技术手段。埋点数据有对应的埋点日志，埋点日志也可以称为日志信息，可以为发生埋点数据所描述的时间时所生成日志记录，可以包括时间戳、用户标识、时间类型以及其他等相关数据。通过埋点所形成的埋点数据可以用于体现用户在应用程序中的行为，可以包括用户访问应用程序的次数，也即，用户访问次数，也可以包括用户点击某一按钮的频率，也即，按钮点击次数等等。

需要说明的是，上述的埋点数据和埋点日志仅为举例说明，此处不做具体限制，只要是能够体现用户在应用程序中的操作的数据以及对应的日志记录，均在本申请实施例的保护范围之内。

可选地，应用程序可以为该用户所需监控的埋点数据所处的应用程序，若用户为监控客户对某一应用程序的使用情况的满意度的客服，则应用程序可以为客服所针对的客户所使用的应用程序，比如，电商平台或者游戏。需要说明的是，上述的应用程序仅为举例说明，此处不做具体限制，只要是需要查看埋点数据的应用程序，均在本申请实施例的保护范围之内。

在该实施例中，在响应作用于操作界面上的页面展示指令，在操作界面上展示应用程序的待操作页面之后，若用户需要对某一埋点数据进行查看，则可以在待操作页面上执行相应的数据查询操作，来生成相应的数据查询指令，并基于该数据查询指令在待操作页面的页面结构信息中标识出页面数据集。

可选地，在进行数据的展示之前，可以在待操作页面中提前部署审查器，可以为启动审查器设置一个相应的功能控件，比如，审查功能控件，其可以为审查按钮。并设置触控该控件启动审查器进入审查模式的操作，以及对应的数据查询指令，比如，可以设置点击审查按钮为启动审查器的操作，从而生成进入审查模式的数据查询指令。

可选地，根据用户是否查看埋点数据的需求，可以对待操作页面中的审查按钮进行点击，从而生成相应的数据查询指令，通过该数据查询指令，可以从待操作页面中的页面识别出所包含的埋点数据，并可以在待操作页面上为所识别出的埋点数据进行显示。

举例而言，若用户触控审查按钮，则可以识别待操作页面中的各个埋点数据，并可以在待操作页面中对已埋点的埋点数据分别对应的元素进行高亮显示。需要说明的是，上述识别出页面数据集中的埋点数据，并在待操作页面中进行标识的方法和形式仅为举例说明，此处不做具体限制。

步骤S206，响应于对页面数据集的选取指令，从页面数据集中选取目标埋点数据。

在本申请上述步骤S206提供的技术方案中，目标埋点数据可以为用户从大量的埋点数据中所选择的需要查看的埋点数据。

在该实施例中，在响应作用于待操作页面上的数据查询指令之后，用户可以触发选取指令来从页面数据集中所包含的大量埋点数据中选择出所需查看的目标埋点数据。

可选地，在待操作页面中可以展示所表示出的页面数据集中各个埋点数据的元素，用户可以根据自身的需求，选择相应的元素，从而触发选取该元素所对应的埋点数据的选取指令，来从页面数据集中选取出目标埋点数据，其中，埋点数据的元素也可以称为埋点元素，埋点元素用于指埋点数据在界面中的特定的元素，例如，按钮、连接和输入框等，此处仅为举例说明，不做具体限制。

可选地，将待操作页面可以分为两个区域，第一个区域用于显示通过审查所标识出的不同埋点数据的元素，用户可以在第一个区域中根据自身所要查看的需求，选择相应的埋点数据的元素。

举例而言，在助手界面的左侧的上方可以显示审查按钮，客服可以通过点击审查按钮进入审查模式，来对应页面结构信息中已埋点的埋点数据的元素进行标识，并高亮显示在助手界面的左侧。若客服需要查看应用程序的访问人数，则可以点击访问人数该埋点数据所对应的元素“访问人数”，来将该埋点数据确定为目标埋点数据。需要说明的是，上述助手界面中的显示内容以及分区方式仅为举例说明，此处不做具体限制。

步骤S208，在操作界面上，展示目标埋点数据的数据内容。

在本申请上述步骤S208提供的技术方案中，数据内容可以为不同的目标埋点数据所对应的具体信息，比如，若目标埋点数据为访问人数，则数据内容为访问人数的具体个数，若目标埋点数据为点击次数，则数据内容为访问人数的具体次数。

在该实施例中，在响应于对页面数据集的选取指令，从页面数据集中选取目标埋点数据之后，可以在操作界面上对用户所需查看的目标埋点数据的数据内容进行展示。

可选地，待操作页面的第二个区域可以用于展示目标埋点数据的数据内容。若用户根据自身需求从待操作页面的第一个区域的大量元素中选出目标埋点数据的元素，也即，用户从页面数据集中选取出所要查看的目标埋点数据，此时可以在第二个区域中显示出该目标埋点数据的数据内容，其中，第一个区域和第二个区域可以为上下关系，也可以为左右关系，此处不做具体限制，只要是能够直观地展示目标埋点数据的数据内容的方式，均在本申请实施例的保护范围之内。

由于通过简单地文字或数字展示埋点数据的数据内容，会存在乏味和不直观的问题，基于上述情况，在本申请实施例中，针对不同类型的埋点数据可以设置相应的数据内容，比如，针对数值型的埋点数据，可以绘制相应的图像作为数据内容，其横坐标可以为时间，纵坐标可以为埋点数据相应的内容，比如，若埋点数据为访问人数，则横坐标为时间，纵坐标为访问人数，图像可以为折线图，也可以为条形图。也可以根据直观程度将扇形图等作为数据内容，此处不具体限制。本申请通过上述方式，可以为用户提供更加直观地数据展示，使得埋点数据的数据内容在待操作页面上更加生动可见，实现了提高数据展示的灵活性的技术效果。

在本申请实施例中，可以提供一种可视化的交互工具来提供查看埋点数据的数据内容的服务，通过将埋点数据的展示与端进行结合，实时地展示应用程序的页面数据集，并可以通过直观且便捷地选择所需查看的埋点数据，从而达到了用户想看哪里点哪里的目的，减少了用户之间的沟通成本，并通过简单的查看操作大大降低了数据的使用门槛，能够使得用户养成查看埋点数据的习惯，进而实现了提高数据的展示效率的技术效果。

通过本申请上述步骤S202至步骤S208，若需要对某一埋点数据的数据内容进行查看，可以在操作界面上执行相应的页面展示指令，基于页面展示指令可以在操作界面上展示应用程序的待操作页面，用户可以在该应用程序上查看相应的数据内容。在待操作页面上可以执行相应的数据查询指令，通过该数据查询指令，可以在待操作页面的页面结构信息中找到存储有埋点数据的页面数据集。可以根据用户自身所要查看埋点数据的需求，从页面数据集中选取出相应的埋点数据，并确定为用户所需的目标埋点数据，从而可以将该目标埋点数据相关的数据内容展示在操作界面上供用户查看。由于本申请实施例考虑到相关技术中的问题，可以通过一种可视化的操作界面，来将埋点数据的展示与用户的客户端做了结合，可以实时地展示页面数据集，用户仅需要直接地选择操作即可查看对应的埋点数据，而无需跨多个系统去申请，从而不仅达到了降低操作界面的使用门槛和沟通成本的目的，还达到了实现用户想查看什么就操作什么的目的，进而实现了提高数据的展示效率的技术效果，解决了数据的展示效率低的技术问题。

下面对该实施例的上述方法进行进一步的介绍。

作为一种可选的实施方式，步骤S204，响应作用于待操作页面上的数据查询指令，在待操作页面的页面结构信息中，标识出页面数据集，包括：响应作用于待操作页面上的数据查询指令，在待操作页面上渲染显示至少一标识区域，其中，至少一标识区域与至少一埋点数据相对应；在标识区域中标识对应的埋点数据，得到页面数据集。

在该实施例中，在响应作用于待操作页面上的数据查询指令，在待操作页面的页面结构信息中对页面数据集进行标识的过程中，可以基于待操作页面上的数据查询指令，在待操作页面上渲染显示至少一埋点数据对应的至少一标识区域，并可以在标识区域中对相应的埋点数据进行表示，得到页面数据集，其中，至少一标识区域与至少一埋点数据相对应。不同标识区域可以用于显示不同埋点数据所对应的元素，比如，可以为每个元素所处的高亮区域。

可选地，通过对待操作页面中的审查按钮进行点击，可以触发数据查询指令，此时可以进入审查模式。在审查模式下可以进行高性能元素审查实现，也即，在审查模式下，可以在待操作页面中对已经埋点的埋点数据对应的元素进行渲染显示。

举例而言，在进入审查模式后，待操作页面的页面上会高亮出已埋点的元素，便于用户后续进行点击相应高亮的元素来展示相应的数据信息。

在本申请实施例中，通过上述审查模式中对埋点数据对应的元素进行渲染显示，便于一眼就可以分辨出哪些元素埋点，哪些未埋点，并且便于通过简单的选择操作就可以看到对应的数据内容，达到了大大提高查看数据内容的效率，且减少了沟通成本的目的，实现了提高数据的展示效率的技术效果。

可选地，利用画布(canvas)来进行高性能高亮渲染。在高亮渲染过程中，需要获取需要高亮渲染的元素的位置信息，比如，元素的坐标、宽度和高度等信息。在待操作页面中创建一个canvas元素，可以通过脚本语言(比如，JavaScript)动态创建或者直接在待操作页面的超文本标记语言(Hypertext Markup Language，简称为HTML)中进行添加。

可选地，该实施例利用canvas的应用程序编程接口(Appl icat ion ProgrammingInterface，简称为API)中的绘图方法，例如，绘制矩形、圆形或者路径等，来在canvas上实现对指定的元素进行高亮渲染。可以在canvas上添加交互事件，例如，点击事件，以便用户点击高亮的元素时可以触发相应的操作。如果需要频繁更新高亮效果，可以通过清除canvas上的绘制内容，然后重新绘制新的高亮效果。

可选地，在canvas的高亮层中可以对制定的元素进行高亮渲染。

举例而言，在进行高性能渲染实现的过程中，可以利用变动观察器(Mutat ionObserver)和交叉观察器(Intersect ion Observer)来采集出现在可视界面中的埋点数据对应的元素。然后可以通过获取边界矩形(get Bounding Cl ient Rect)来获取元素在界面中的位置和大小信息，在canvas上绘制出来，由于canvas的绘制性能比较高，可以利用请求动画帧(request Animat ion Frame)来进行不间断绘制，这样在元素的大小或者位置发生改变时，也可以高性能地在界面上绘制出元素所对应的高亮区域，其中，可视界面也可以称为可视区域或者可视窗口。

需要说明的是，上述通过canvas来对待操作页面中的埋点数据的元素需要显示的标识区域进行高亮渲染的方法和过程仅为举例说明，此处不做具体限制。

可选地，通过canvas进行高亮渲染的过程中包括获取元素位置、在canvas上绘制高亮效果，并可以实现交互功能，这种方式可以更精确地控制高亮效果的位置和样式，同时具有更好的性能。

在本申请实施例中，通过canvas进行高亮渲染可以直接在待操作页面上进行图形绘制，而不是像传统的文档对象模型(Document Object Model，简称为DOM)方式来频繁地DOM元素进行操作，这意味着使用canvas进行高亮渲染可以减少对DOM树的操作，提高性能。并且canvas可以允许对像素进行直接操作，能够更精准地控制高亮区域的位置和样式，而传统的DOM方式可能需要频繁的修改元素的样式和位置，较为复杂。Canvas由于是基于绘图API而不是特定的DOM结构，因此可以更容易地实现跨浏览器和跨平台的效果。并且在执行canvas时基本无延迟，而传统的DOM方式会存在明显的延时现象。通过上述分析，可以得知本申请实施例可以通过canvas高亮渲染，实现提高高亮渲染埋点数据的元素的准确性的技术效果。

作为一种可选的实施方式，步骤S206，响应于对页面数据集的选取指令，从页面数据集中选取目标埋点数据，包括：响应于对页面数据集的选取指令，获取选取指令在操作界面上的操作位置，以及页面数据集中埋点数据在操作界面上允许显示的位置范围；如果操作位置包含于位置范围，则将位置范围对应的埋点数据，确定为目标埋点数据。

在该实施例中，在基于选取指令，从页面数据集中选取目标埋点数据的过程中，可以对选取指令进行分析，获取选取指令在操作界面上的操作位置，也可以获取页面数据集中在各个埋点数据在操作界面上允许显示的位置范围。可以确定操作位置是否包含于位置范围，若操作位置包含于位置范围，则可以将位置范围所对应的埋点数据，其中，操作位置可以通过用户执行选取指令时的横坐标和纵坐标进行确定。

可选地，由于canvas绘制的并非是真实的DOM，所以在当从已经高亮显示的多个标识区域中选取出任一埋点数据的标识区域时，无法确定此时用户执行选取指令所选取的是哪一个埋点元素，因此，在本申请实施例中，可以设置相应的算法来识别用户所选中的标识区域所对应的埋点元素，以及对应的埋点数据是哪一个。

可选地，在用户发生选取操作，触发选取指令时，可以确定用户发生选取操作的操作位置，比如，可以以记录用户发生选取操作的操作坐标(x,y)来标记操作位置。

可选地，在确定出操作位置之后，可以对页面数据集中所包括的各个埋点数据进行遍历，遍历确定各个埋点数据的位置范围，并分别确定当前的操作位置落在哪个埋点数据的位置范围内，若操作位置仅落在一个位置范围内，则可以将该位置范围所对应的埋点数据确定为用户所需查看的埋点数据，也即，将该埋点数据确定为目标埋点数据。

举例而言，若用户所使用的客户端设备为电脑，且用户控制鼠标在待操作页面上执行点击操作，则可以在鼠标发生点击时，记录点击时的x坐标和y坐标，得到点击发生时的操作位置。然后依次遍历所采集到的可视界面的埋点元素，计算操作位置的坐标值是否落在埋点元素内，也即，是否落在埋点元素的位置范围内，若操作位置仅落在一个埋点元素的位置范围内，则可以将该埋点数据确定为用户所需的目标埋点数据。

需要说明的是，上述用户在待操作界面上执行的操作方式以及所使用的设备仅为举例说明，此处不做具体限制，也可以为在手机或者平板等设备上通过用户手指进行触控来执行选取指令，并将手指触控的位置确定为操作位置。

作为一种可选的实施方式，如果操作位置包含于位置范围，则将位置范围对应的埋点数据，确定为目标埋点数据，包括：如果操作位置包含于多个位置范围，则将多个位置范围中最小位置范围对应的埋点数据，确定为目标埋点数据。

在该实施例中，若操作位置包含于位置范围内，将位置范围所对应的埋点数据确定为目标埋点数据的过程中，可以确定操作位置是否包含在多个位置范围之内，若不是，则可以说明操作位置仅在一个位置范围内，则可以将该位置范围所对应的埋点数据确定为目标埋点数据。若是，则可以说明操作位置包含在多个位置范围内，此时可以将多个位置范围中包含操作位置的最小位置范围所对应的埋点数据确定为目标埋点数据。

在本申请实施例中，由于埋点元素之间可能存在包含关系，若操作位置不仅落在了较大的埋点元素的位置范围中，且落到了较大的埋点元素所包含的较小的埋点元素中时，为了提高所确定出的目标埋点数据的准确性，可以将所包含的较小的埋点元素对应的埋点数据确定为目标埋点数据，从而实现了提高确定目标埋点数据的准确性。

举例而言，若存在多个埋点元素的位置范围包含有操作位置，可以选择其中位置范围的面积最小的埋点元素，确定为用户所选中的元素，也即，获取到用户真实选取的元素，并确定相应的目标埋点数据。

作为一种可选的实施方式，该方法还包括：如果页面数据集中存在属性信息变化的埋点数据，则在操作界面上标识属性信息变化的埋点数据，其中，属性信息用于表示埋点数据在操作界面上的显示属性。

在该实施例中，可以检测页面数据集中的属性信息是否存在属性信息发生变化的埋点数据，若存在，则可以在操作界面上对属性信息发生变化的埋点数据进行标识，其中，属性信息可以用于表示埋点数据在操作界面上的显示属性，比如，可以为埋点数据对应的埋点元素的元素大小或者元素位置等信息，此处仅为举例说明，不对属性信息做具体限制，只要是能够体现界面中埋点元素发生变化的信息，均在本申请实施例的保护范围之内。

可选地，若用户在滑动或滚动待操作页面进行下翻或者上翻的操作时，会导致待操作界面中的埋点数据所对应的埋点元素的元素位置发生变化，若用户对待操作页面执行放大或者缩小的操作时，也会导致埋点元素的元素位置和元素大小发生变化，在上述情况下，若不及时对元素位置和元素大小等属性信息发生变化的埋点元素进行重新调整和更新，会导致后续用户点击选择埋点元素时，若按照发生变化前的进行判断，会导致错判和误判的情况，导致所确定出的目标埋点数据存在错误。

在本申请实施例中，基于上述情况，为了提高确定目标埋点数据的准确性，可以实时检测待操作界面的大小以及待操作界面是否被用户执行了上翻或者下翻的操作，若检测到存在上述至少一种情况，即可说明此时的待操作界面中的埋点元素的属性信息会发生一定的变化，此时需要对埋点元素的位置范围以及高亮渲染的标识区域进行重新调整，从而实现了提高确定目标埋点数据的准确性的技术效果。

作为一种可选的实施方式，如果页面数据集中存在属性信息变化的埋点数据，则在操作界面上标识属性信息变化的埋点数据，包括：如果页面数据集中存在属性信息变化的埋点数据，则按照变化后的属性信息，在操作界面上渲染显示对应的标识区域；在标识区域中显示属性信息变化的埋点数据。

在该实施例中，在检测到页面数据集中存在属性信息变化的埋点数据，在操作界面上标识属性信息变化的埋点数据的过程中，可以按照发生变化后的埋点数据的属性信息，重新在操作界面上渲染显示变化后属性信息所对应的标识区域，并可以在该标识区域中重新显示发生变化后的属性信息所对应的埋点数据。

可选地，由于在待操作界面中所要显示的埋点数据的数量可能较大，一个界面中放置不下，可以通过进度条来增长埋点数据所处列表，用户可以通过滑动进度条来查看埋点数据，若用户滑动进度条进行上翻和下翻操作，会使得在当前所显示的待操作界面中的埋点元素的位置发生一定的变化。某些用户可能会根据自身的需求，放大或缩小整个待操作界面的大小或者到操作界面中的字体大小，这都会使得界面中的埋点元素的位置和大小均发生一定的变化。在上述的两种情况下，为了保证后续确定目标埋点数据的准确性，需要在第一时间通过canvas确定出新的发生变化后的各个埋点元素的位置和大小，并高亮渲染得到变化后的埋点元素的标识区域。

举例而言，可以利用canvas即使在埋点元素发生滚动大小改变时，也可以在第一时间展示出高亮区域。

需要说明的是，上述发生埋点数据的属性信息发生变化的情况仅为举例说明，此处不做具体限制，只要是能够在属性信息发生变化时，及时重新渲染助手界面中的埋点元素的高亮区域的方式和过程，均在本申请实施例的保护范围之内。

作为一种可选的实施方式，步骤S208，在操作界面上，展示目标埋点数据的数据内容，包括：响应作用于操作界面的类型选取指令，从多种展示类型中选取目标展示类型；在操作界面上，按照目标展示类型展示目标埋点数据的数据内容。

在该实施例中，在操作界面上，展示目标埋点数据的数据内容的过程中，可以根据用户在操作界面上的类型选取指令，从多种展示类型中选取出与该类型选取指令对应的目标展示类型，从而可以在操作界面上按照目标展示类型来对目标埋点数据的数据内容进行展示，其中，类型选取指令可以为用户在操作界面中所触发的类型选取操作所生成的指令。展示类型可以为多种形态的端上数据查看形式，可以至少包括访问数据、热力图、录屏信息和异常信息等。需要说明的是，上述的展示类型仅为举例说明，此处不做具体限制。

可选地，由于埋点数据存在不同类型，针对不同类型的埋点数据，需要通过不同展示类型来展示相应的数据内容，比如，若用户需要查看的埋点数据是应用程序中用户点击页面、鼠标移动或者滚动等行为的热点分布情况，则可以从多个展示类型中选取出热力图的展示类型，从而触发热力图对应的类型选取指令，将热力图作为目标展示类型，并可以按照热力图对所需的目标埋点数据的数据内容进行展示，通过热力图中深浅不一的颜色来展示用户在使用应用程序过程中的行为的频繁程度。

需要说明的是，上述的选取热力图作为目标展示类型的条件以及选取过程仅为举例说明，此处不做具体限制，只要是能够面对不同类型的埋点数据可以采用相应的展示类型进行展示的方法和形式，均在本申请实施例的保护范围之内。

在本申请实施例中，在待操作界面的一侧区域来供用户从所列的大量埋点元素中选取需要查看的目标埋点数据对应的埋点元素。在用户选择出目标埋点数据之后，可以在该区域中罗列出提前预设的多个展示类型，用户可以根据自身查看的需求，从多个展示类型中点击符合自身需求的目标展示类型，也可以提前预设了与不同埋点数据相符的、能够直观体现该埋点数据所对应的展示类型，从而在用户选择出目标埋点数据所对应的埋点元素之后，可以以该目标埋点数据提前预设的对应的展示类型作为目标展示类型。可以在待操作界面的另一侧区域(数据展示区)中，以目标展示类型来对目标埋点数据的数据内容进行展示，可以达到实现多种形态的端上数据查看形式的目的，从而实现了提高数据的展示形式的技术效果。

需要说明的是，上述确定目标埋点数据所对应的目标展示类型的两种方法仅为举例说明，此处不做具体限制，只要是能够利用不同的展示类型来对不同的埋点数据进行展示的方法和过程，均在本申请实施例的保护范围之内。

作为一种可选的实施方式，在操作界面上，按照目标展示类型展示目标埋点数据的数据内容，包括：在操作界面上，从不同展示维度中选取目标埋点数据所属的目标展示维度；在操作界面上，显示与目标展示维度相匹配的数据面板；在与目标展示维度相匹配的数据面板上，按照目标展示类型展示目标埋点数据的数据内容。

在该实施例中，在操作界面上，按照目标展示类型来对目标埋点数据的数据内容进行展示的过程中，可以从不同展示维度中选取出目标埋点数据所属的目标展示维度，从而可以在操作界面上显示出与目标展示维度相匹配的数据面板，并可以在该数据面板上来以目标展示类型对目标埋点数据的数据内容进行展示，其中，数据面板可以用于显示埋点数据的数据内容，也可以称为数据展示区。展示维度也可以称为区域纬度，可以至少包括工作台纬度、应用纬度、区块纬度和元素纬度等，工作台纬度也可以称为站点纬度，上述展示维度仅为举例说明，不做具体限制，只要是能够对展示维度进行划分细纬度所得到的，均在本申请实施例的保护范围之内。

可选地，在确定出目标埋点数据之后，可以从大量的展示维度中选取出与目标埋点数据所属的目标展示维度，从而可以在目标展示维度所对应的数据面板中对该目标埋点数据的数据内容进行展示。

由于从页面纬度这一个展示维度上来在端上展示埋点数据的数据内容，会存在准确性低的技术问题。然而，在本申请实施例中，可以从站点、页面、区块和元素等维度触发，设计一整套端上数据信息查看工具，该工具可以实时界面解析高性能页面审查能力，且支持多种类型的埋点数据的展示，比如，可以分别设置访问数据、热力图、录屏信息和异常信息等模块来实现多种类型的埋点数据展示。

作为一种可选的实施方式，在与目标展示维度相匹配的数据面板上，按照目标展示类型展示目标埋点数据的数据内容，包括：如果目标展示类型为热力图类型，则在与目标展示维度相匹配的数据面板上，按照热力图类型渲染显示目标埋点数据的数据内容对应的热力图数据。

在该实施例中，在与目标展示维度相匹配的数据面板上，按照目标展示类型展示目标埋点数据的数据内容的过程中，可以确定目标展示类型是否为热力图类型，若是，则可以在与目标展示维度相匹配的数据面板上，以热力图类型渲染显示目标埋点数据的数据内容对应的热力图数据，其中，展示类型包括热力图类型。

在本申请实施例中，在热力图模型中，可以按照工作台纬度、应用纬度、页面纬度和区块纬度展示热力图，由于对于一个复杂的系统来说，一个页面中可能包含多个功能模块、工具、服务或内容，可以通过上述的方式划分更细的纬度，从而能够更专注地分析每个功能模块、工具、服务或内容中用户的使用情况，从而实现提高检测用户使用情况的准确性的技术效果。

可选地，热力图数据可以按照不同的展示维度来在相应的数据面板上进行展示。比如，热力图可以按照工作台纬度、应用纬度、页面纬度和区块纬度展示热力图，通过更细纬度，能够更专注分析每一块功能用户的使用情况。

作为一种可选的实施方式，如果目标展示类型为热力图类型，则在与目标展示维度相匹配的数据面板上，按照热力图类型渲染显示目标埋点数据的数据内容对应的热力图数据，包括：如果目标展示类型为热力图类型，且目标埋点数据的属性信息变化，则在与目标展示维度相匹配的数据面板上，按照热力图类型，渲染显示属性信息变化的目标埋点数据的数据内容对应的热力图数据。

在该实施例中，在与目标展示维度相匹配的数据面板上，按照热力图类型渲染显示目标埋点数据的数据内容对应的热力图数据的过程中，可以确定目标埋点数据的属性信息是否发生变化，若目标展示类型为热力图类型，且属性信息发生变化，则可以在与目标展示维度相匹配的数据面板上，可以按照热力图类型，对属性信息发生变化后的目标埋点数据的数据内容对应的热力图数据进行渲染显示。

可选地，利用Mutat ion Observer等API，可以采集页面元素变化，也即，通过API可以确定属性信息是否发生变化，通过查询队列，异步获取埋点数据，增量渲染等方式，实现用户只需要打开开关，就可以实时看到对应操作界面的埋点数据，热力图数据，无需手动刷新。

可选地，利用Mutat ion Observer可以对埋点数据的属性信息是否变化进行实时检测，也即，可以实时检测界面变化。可以通过Intersect ion Observer获取出现在界面的可视区域的埋点元素，得到埋点元素集合。可以将埋点元素集合中未缓存埋点元素的元素标识信息(Ident ificat ion，简称为ID)传输至查询队列中。可以将埋点元素集合加工成可渲染热力图数据，并渲染得到热力图数据，在原始的操作界面上显示出热力图图层，在热力图图层上显示热力图数据。

在本申请实施例中，对查询队列可以进行定时轮训，在FaaS服务和SLS日志数据中可以以元素标识信息查询对应的埋点元素，并写入至缓存区域(Cache Map)中，在CacheMap中可以对写入的埋点元素所对应的热力图数据进行缓存，但为了避免Cache Map的空间不足的情况，可以采用最不经常使用(Least Frequent ly Used，简称为LFU)策略，对每次所写入的访问频率等埋点数据进行检测，可以从埋点数据中过滤中频率低或者不被访问的访问频率进行淘汰，来为频率较高的访问频率腾出空间，从而实现了提高Cache Map空间的利用率的技术效果。

作为一种可选的实施方式，在与目标展示维度相匹配的数据面板上，按照目标展示类型展示目标埋点数据的数据内容，包括：如果目标展示类型为录屏类型，则在与目标展示维度相匹配的数据面板上，渲染显示目标埋点数据的数据内容关联的录屏数据。

在该实施例中，在与目标展示维度相匹配的数据面板上，按照目标展示类型展示目标埋点数据的数据内容的过程中，可以确定目标展示类型是否为录屏类型，若是，则可以在与目标展示维度相匹配的数据面板上，对目标埋点数据的数据内容相关联的录屏数据进行渲染显示，其中，录屏数据可以为录屏列表，其中可以包括每个录屏的录屏详情，录屏可以为使用了哪一个埋点元素的录屏，每个录屏的录屏详情中可以包括录屏标识信息(录屏ID)、用户以及录屏时长等信息，此处仅为举例说明，不对录屏数据做具体限制。

可选地，若客服工作台的前端站点可以将录屏数据上报给XReplay中，将录屏关联信息存储在HBase中，将录屏数据存储在对象存储服务(Object Storage Service，简称为OSS)中。客服工作台的前端站点可以将埋点数据传输至SLS中的采集器(Tracker)中，也可以将日志信息存储在SLS中的存储日志的位置(Log)中。

作为一种可选的实施方式，如果目标展示类型为录屏类型，则在与目标展示维度相匹配的数据面板上，渲染显示目标埋点数据的数据内容关联的录屏数据，包括：如果目标展示类型为录屏类型，则获取与目标埋点数据的数据内容关联的录屏标识信息；在与目标展示维度相匹配的数据面板上，渲染显示由录屏标识信息标识的录屏数据。

在该实施例中，在与目标展示维度相匹配的数据面板上，渲染显示目标埋点数据的数据内容关联的录屏数据的过程中，可以获取与目标埋点数据的数据内容相关联的录屏标识信息，从而可以在目标展示维度相匹配的数据面板上，渲染显示由录屏标识信息标识的录屏数据，其中，录屏标识信息也可以称为录屏ID。

可选地，根据目标埋点数据对应的埋点元素可以检索对应的录屏数据。

XReplay录屏大概日均2500000左右的录屏存在海贝斯(HBase)数据库系统中，HBase的单点查询很快，但是条件查询(Scan)经常超时，而且纬度有限，只能根据时间纬度和用户名纬度进行筛选，若需要查看某个页面的录屏，或者点击了某个按钮，使用了某个功能的录屏更是无从下手。

在本申请实施例中，可以利用SLS强大的检索能力，让录屏数据和埋点日志之间建立关联关系，可以先通过SLS检索出对应的录屏ID，通过批量调用XReplay单点查询接口获取录屏详情，这样就可以很容易地批量查看某个应用、页面或者使用了某个功能等的录屏数据，从而实现了提高查看录屏数据的效率的技术效果。

可选地，用户可以进行多种纬度检索，在FaaS服务中可以利用SLS调用高性能服务框架(High-Speed Service Framework，简称为HSF)，从XReplay的录屏详情服务中获取出录屏标识信息。并可以向用户返回录屏列表，也即，可以将录屏列表显示在待操作页面的相应位置供用户查看。

作为一种可选的实施方式，该方法还可以包括：响应于对数据面板的扩展指令，对数据面板的接口进行扩展处理，其中，扩展后的数据面板允许与不同于目标展示维度的展示维度进行匹配。

在该实施例中，若检测到用户对数据面板执行了扩展操作触发了扩展指令，可以对数据面板的接口进行扩展处理，其中，扩展后的数据面板可以允许与不同于目标展示维度的展示维度进行匹配。

可选地，数据面板部分可以采用扩展形式，方便后续各种埋点数据的形式的接入实现。

可选地，数据面板的接口中主要包括字段有：扩展标识信息(扩展ID)、扩展名称、扩展描述、扩展组件实现和支持范围等字段，其中，扩展组件实现可以包括当前(数据)面板是否激活的组件属性以及全局筛选对象的组件属性。支持范围可以包括站点级别(站点纬度)、应用级别(级别纬度)、页面级别(页面纬度)、区块级别(区块纬度)和元素级别(元素纬度)。需要说明的是，上述的字段仅为举例说明，此处不做具体限制。

可选地，上述的每个级别下可以进行扩展，比如，工作台中可以客服，元素中可以包括不同应用下的元素，例如，“去上班”、“我的班务”、“班务时间切换”、“我的工单”、“我的培训”等元素。需要说明的是，上述所扩展的内容仅为举例说明，此处不做具体限制，只要是能够根据实际情况对数据面板中的接口中的字段进行扩展处理，来对展示维度中的内容进行扩展的方法和内容，均在本申请实施例的保护范围之内。

本申请实施例还从技术实现侧提供了一种数据的展示方法，图3是根据本申请实施例的一种数据的展示方法的流程图，如图3所示，该方法可以包括以下步骤：

步骤S302，获取应用程序的待操作页面的页面结构信息，其中，页面结构信息用于表示待操作页面的页面结构。

在本申请上述步骤S302提供的技术方案中，可以获取应用程序的待操作页面中的页面结构信息，其中，页面结构信息可以用于表示待操作页面的页面结构。

可选地，在进行数据的展示之前，可以在待操作页面中提前部署审查器，可以为启动审查器设置一个相应的控件，比如，审查按钮。并设置触控该控件启动审查器进入审查模式的操作，以及对应的数据查询指令，比如，可以设置点击审查按钮为启动审查器的操作，从而生成进入审查模式的数据查询指令。

可选地，根据用户是否查看埋点数据的需求，可以对待操作页面中的审查按钮进行点击，从而生成相应的数据查询指令，通过该数据查询指令，可以从待操作页面中的页面识别出所包含的埋点数据，并可以在待操作页面上为所识别出的埋点数据进行显示。

步骤S304，在页面结构信息中，标识出页面数据集，其中，页面数据集包括应用程序在页面结构中的至少一埋点数据。

在本申请上述步骤S304提供的技术方案中，在获取到应用程序的待操作页面中的页面结构信息之后，可以在页面结构信息中，标识出页面数据集，其中，页面数据集中可以包括应用程序在页面结构中的至少一埋点数据。

可选地，若用户需要对某一埋点数据进行查看，则可以在待操作页面上执行相应的数据查询操作，来生成相应的数据查询指令，并基于该数据查询指令在待操作页面的页面结构信息中标识出页面数据集。

可选地，将待操作页面可以分为两个区域，第一个区域用于显示通过审查所标识出的不同埋点数据的元素，用户可以在第一个区域中根据自身所要查看的需求，选择相应的埋点数据的元素。

步骤S306，从页面数据集中选取目标埋点数据。

在本申请上述步骤S306提供的技术方案中，在页面结构信息中，标识出页面数据集之后，可以从页面数据集中选取出目标埋点数据。

可选地，在待操作页面中可以展示所表示出的页面数据集中各个埋点数据的元素，用户可以根据自身的需求，选择相应的元素，从而触发选取该元素所对应的埋点数据的选取指令，来从页面数据集中选取出目标埋点数据。

举例而言，在助手界面的左侧的上方可以显示审查按钮，客服可以通过点击审查按钮进入审查模式，来对应页面结构信息中已埋点的埋点数据的元素进行标识，并高亮显示在助手界面的左侧。若客服需要查看应用程序的访问人数，则可以点击访问人数该埋点数据所对应的元素“访问人数”，来将该埋点数据确定为目标埋点数据。

步骤S308，展示目标埋点数据的数据内容。

在本申请上述步骤S308提供的技术方案中，在从页面数据集中选取出目标埋点数据之后，可以展示出目标埋点数据所对应的数据内容。

可选地，待操作页面的第二个区域可以用于展示目标埋点数据的数据内容。若用户根据自身需求从待操作页面的第一个区域的大量元素中选出目标埋点数据的元素，也即，用户从页面数据集中选取出所要查看的目标埋点数据，此时可以在第二个区域中显示出该目标埋点数据的数据内容。

在本申请实施例中，可以提供一种可视化的交互工具来提供查看埋点数据的数据内容的服务，通过将埋点数据的展示与端进行结合，实时地展示应用程序的页面数据集，并可以通过直观且便捷地选择所需查看的埋点数据，从而达到了用户想看哪里点哪里的目的，减少了用户之间的沟通成本，并通过简单的查看操作大大降低了数据的使用门槛，能够使得用户养成查看埋点数据的习惯，进而实现了提高数据的展示效率的技术效果。

下面对该实施例的上述方法进行进一步的介绍。

作为一种可选的实施方式，步骤S302，埋点数据存储在日志平台中，获取应用程序的待操作页面的页面结构信息，包括：向日志平台发送数据查询请求；获取日志平台响应数据查询请求，而返回的待操作页面的埋点数据；至少利用埋点数据构建页面结构信息。

在该实施例中，在获取应用程序的待操作页面的页面结构信息的过程中，可以向日志平台发送数据查询请求，获取日志平台响应数据查询请求，而返回的待操作页面的埋点数据，至少可以利用埋点数据来构建页面结构信息，其中，埋点数据可以存储在日志平台中。日志平台可以为SLS日志平台。

在本申请实施例中，数据存储建立在SLS日志平台中，由于SLS有强大的数据写入和查询能力，可以保证做到海量日志的秒级查询和多维分析，为本申请提供数据的基石，实现了提高数据的展示效率的技术效果。

可选地，利用SLS日志平台，可以接收端上页面所发送的数据查询请求，SLS日志平台可以基于所接收到的数据查询请求，来调取相应的埋点数据等返回至到待操作页面中，也即，可以拉取相应的埋点数据返回端上页面中，来构建页面结构信息。

作为一种可选的实施方式，步骤S302，获取应用程序的待操作页面的页面结构信息，包括：获取埋入待操作页面中的声明式埋点数据；至少利用声明式埋点数据的数据内容和声明式埋点数据的标识信息，构建页面结构信息，其中，声明式埋点数据的数据内容和标识信息至少用于还原声明式埋点数据。

在该实施例中，在获取应用程序的待操作页面的页面结构信息的过程中，可以获取埋入待操作页面中的声明式埋点数据，可以至少利用声明式埋点数据的数据内容和声明式埋点数据的标识信息，来构建页面结构信息，其中，声明式埋点数据的数据内容和标识信息至少可以用来还原声明式埋点数据。声明式埋点数据也可以称为声明式埋点。数据内容也可以称为内容介绍。

可选地，通过声明式埋点软件开发工具包(Declarat ive Tracking SoftwareDevelopment Kit，简称为SDK)可以辅助进行埋点，埋点后会在埋点元素的DOM保留埋点唯一标记，也即，可以保留声明式埋点数据的标识信息和数据内容，方便后面时间采集和数据还原等操作。

由于利用传统的文档中定位节点的语言(比如，xpath)的定位方式，是需要通过页面中的埋点元素的位置和结构等形成变大时来定位页面中的埋点元素，但是，若页面结构发生变化，会导致上述历史过程中的表达式失效，导致历史数据(历史埋点数据等)分析收到影响，从而存在埋点的效率较低的技术问题。

在本申请实施例中，通过声明式埋点路径会更加的稳定，可以直接在埋点元素的DOM节点中填充埋点数据，不受页面结构变化的影响，依然能够从DOM节点中准确地识别和分析埋点数据，从而更加稳定，也即，在页面结构发生变化之后，也可以结合历史数据(历史埋点数据等)来进行分析，从而实现了提高埋点的效率低的技术效果。

可选地，在本申请实施例中还可以提供区块容器组件，可以声明页面上某一区块唯一标识和含义，将其可以挂在该区块中的子元素的DOM属性上。

可选地，通过采集上报SDK可以向SLS日志平台批量上报端上页面所整合的埋点数据。

可选地，采集上报SDK其主要的作用是在用户触发页面中元素相应的事件时，比如，用户在页面中相应的元素进行了曝光和点击等事件时，可以对相应的埋点事件进行采集。此外还可以负责向SLS日志平台进行批量上报的任务。上报成功之后可以自身清除所上报的埋点数据，上报失败的话会存在重试机制，来重新批量上报埋点数据。

可选地，在用户异常关闭页面的情况下，对于没有上报的埋点数据，可以利用相应的缓存手段，比如，可以利用本地存储(local storage)的方式，在当用户在此打开页面时进行全量上传。需要说明的是，上述缓存手段仅为举例说明，此处不做具体限制。

可选地，单条埋点日志主要可以包括如下字段：埋点ID、埋点描述、埋点类型、当前页面统一资源定位符(Uniform Resource Locator，简称为URL)、区块路径、登录用户信息、会话(sess ion)信息和录屏ID等字段，其中，埋点类型可以包括曝光、点击和页面访问等类型。sess ion信息通常可以用来表示一段特定的时间段内用户与系统之间的交互活动。需要说明的是，上述埋点日志所包含的字段仅为举例说明，此处不做具体限制。

可选地，由于SLS无法直接与开放的网页的超文本传输协议(Hypertext TransferProtocol，简称为HTTP)接口与端上的数据助手进行交互，可以通过FaaS服务，提供端上的调用能力。可以将访问的密钥信息配置在FaaS环境变量中，然后调用SLS日志检索能力，来进行数据提取整合，此外涉及其他系统数据，可以利用HSF接口获取，再进行数据整合和封装，提供给数据助手使用。

作为一种可选的实施方式，步骤S304，在页面结构信息中，标识出页面数据集，包括：获取埋点数据的属性信息，其中，属性信息用于表示埋点数据的显示属性；利用属性信息，确定与埋点数据对应的标识区域；在标识区域中标识对应的埋点数据，得到页面数据集。

在该实施例中，在页面结构信息中，标识出页面数据集的过程中，可以获取埋点数据的属性信息，利用属性信息来确定与埋点数据相对应的标识区域，从而可以在标识区域中标识出对应的埋点数据，得到页面数据集，其中，属性信息可以用于表示埋点数据的显示属性。

可选地，通过对待操作页面中的审查按钮进行点击，可以触发数据查询指令，此时可以进入审查模式。在审查模式下可以进行高性能元素审查实现，也即，在审查模式下，可以在待操作页面中对已经埋点的埋点数据对应的元素进行渲染显示。

举例而言，在进入审查模式后，待操作页面的页面上会高亮出已埋点的元素，便于用户后续进行点击相应高亮的元素来展示相应的数据信息。

可选地，若用户在滑动或滚动待操作页面进行下翻或者上翻的操作时，会导致待操作界面中的埋点数据所对应的埋点元素的元素位置发生变化，若用户对待操作页面执行放大或者缩小的操作时，也会导致埋点元素的元素位置和元素大小发生变化，在上述情况下，若不及时对元素位置和元素大小等属性信息发生变化的埋点元素进行重新调整和更新，会导致后续用户点击选择埋点元素时，若按照发生变化前的进行判断，会导致错判和误判的情况，导致所确定出的目标埋点数据存在错误。基于上述情况，为了提高确定目标埋点数据的准确性，可以实时检测待操作界面的大小以及待操作界面是否被用户执行了上翻或者下翻的操作，若检测到存在上述至少一种情况，即可说明此时的待操作界面中的埋点元素的属性信息会发生一定的变化，此时需要对埋点元素的位置范围以及高亮渲染的标识区域进行重新调整，从而实现了提高确定目标埋点数据的准确性的技术效果。

作为一种可选的实施方式，该方法还包括：利用目标接口，采集变化的目标埋点数据；步骤S308，展示目标埋点数据的数据内容，包括：展示变化的目标埋点数据的数据内容。

在该实施例中，可以利用目标接口，来采集变化的目标埋点数据。在展示目标埋点数据的数据内容的过程中，可以展示变化的目标埋点数据对应的数据内容，其中，目标接口可以为API所对应的接口。

可选地，通过目标接口，可以采集页面中埋点元素的变化情况，并需要展示用户选中的目标埋点数据变化后的数据内容。

可选地，利用Mutat ion Observer等API可以采集页面中埋点元素的变化，通过查询队列，异步获取数据，增量渲染等方式，使得用户通过打开开关就可以实时看到对应操作页面数据，无需手动刷新。

作为一种可选的实施方式，展示变化的目标埋点数据的数据内容，包括：将变化的目标埋点数据的数据内容转换为热力图数据；在热力图图层上，渲染显示热力图数据。

在该实施例中，在展示变化的目标埋点数据的数据内容的过程中，可以将变化的目标埋点数据的数据内容转换为热力图数据，在热力图图层上渲染热力图数据。

可选地，利用Mutat ion Observer可以对埋点数据的属性信息是否变化进行实时检测，也即，可以实时检测界面变化。可以通过Intersect ion Observer获取出现在界面的可视区域的埋点元素，得到埋点元素集合。可以将埋点元素集合中未缓存埋点元素的元素标识信息传输至查询队列中。可以将埋点元素集合加工成可渲染热力图数据，并渲染得到热力图数据，在原始的操作界面上显示出热力图图层，在热力图图层上显示热力图数据。

可选地，对查询队列可以进行定时轮训，在FaaS服务和SLS日志数据中可以以元素标识信息查询对应的埋点元素，并写入至Cache Map中，在Cache Map中可以对写入的埋点元素所对应的热力图数据进行缓存，但为了避免Cache Map的空间不足的情况，可以采用LFU策略，对每次所写入的访问频率等埋点数据进行检测，可以从埋点数据中过滤中频率低或者不被访问的访问频率进行淘汰，来为频率较高的访问频率腾出空间。

通过本申请上述步骤S302至步骤S308，获取应用程序的待操作页面的页面结构信息，其中，页面结构信息用于表示待操作页面的页面结构；在页面结构信息中，标识出页面数据集，其中，页面数据集包括应用程序在页面结构中的至少一埋点数据；从页面数据集中选取目标埋点数据；展示目标埋点数据的数据内容，从而不仅达到了降低操作界面的使用门槛和沟通成本的目的，还达到了实现用户想查看什么就操作什么的目的，进而实现了提高数据的展示效率的技术效果，解决了数据的展示效率低的技术问题。

实施例2

根据本申请实施例，还提供了一种数据的展示系统的实施例，图4是根据本申请实施例的一种数据的展示系统的示意图，如图4所示，数据的展示系统400可以包括：服务器401和客户端402。

服务器401，用于采集待操作页面的页面结构的至少一埋点数据。

在该实施例中，可以利用服务器401可以采集待操作页面的页面结构中的埋点数据，其中，服务器401可以为SLS平台，也可以称为SLS日志平台。

可选地，埋点数据的存储在SLS日志平台中，由于SLS有着强大的数据写入和查询能力，保证可以做到海量日志的秒级查询和多维分析，为本申请提供数据的基石。

可选地，通过采集上报SDK可以向SLS日志平台批量上报端上页面所整合的埋点数据。

可选地，采集上报SDK其主要的作用是在用户触发页面中元素相应的事件时，比如，用户在页面中相应的元素进行了曝光和点击等事件时，可以对相应的埋点事件进行采集。此外还可以负责向SLS日志平台进行批量上报的任务。上报成功之后可以自身清除所上报的埋点数据，上报失败的话会存在重试机制，来重新批量上报埋点数据。

可选地，在用户异常关闭页面的情况下，对于没有上报的埋点数据，可以利用相应的缓存手段，比如，可以利用local storage的方式，在当用户在此打开页面时进行全量上传。

客户端402，用于至少利用埋点数据构建页面结构信息，其中，页面结构信息用于表示待操作页面的页面结构；在页面结构信息中，标识出页面数据集，其中，页面数据集包括埋点数据；从页面数据集中选取目标埋点数据；展示目标埋点数据的数据内容。

在该实施例中，可以利用客户端402来至少基于埋点数据构建相应的页面结构信息。在页面结构信息中，可以标识出页面数据集，从页面数据集中选取出相应的目标埋点数据，从而可以展示出目标埋点数据所对应的数据内容，其中，页面结构信息可以用于表示待操作页面的页面结构。页面数据集中可以包括埋点数据。

可选地，获取埋入待操作页面中的声明式埋点数据，可以至少利用声明式埋点数据的数据内容和声明式埋点数据的标识信息，来构建页面结构信息。

可选地，通过声明式埋点SDK可以辅助进行埋点，埋点后会在埋点元素的DOM保留埋点唯一标记，也即，可以保留声明式埋点数据的标识信息和数据内容，方便后面时间采集和数据还原等操作。

可选地，通过声明式埋点路径会更加的稳定，可以直接在埋点元素的DOM节点中填充埋点数据，不受页面结构变化的影响，依然能够从DOM节点中准确地识别和分析埋点数据，从而更加稳定，也即，在页面结构发生变化之后，也可以结合历史数据(历史埋点数据等)来进行分析，从而实现了提高埋点的效率低的技术效果。在本申请实施例中还可以提供区块容器组件，可以声明页面上某一区块唯一标识和含义，将其可以挂在该区块中的子元素的DOM属性上。

可选地，通过采集上报SDK可以向SLS日志平台批量上报端上页面所整合的埋点数据。

可选地，采集上报SDK其主要的作用是在用户触发页面中元素相应的事件时，比如，用户在页面中相应的元素进行了曝光和点击等事件时，可以对相应的埋点事件进行采集。此外还可以负责向SLS日志平台进行批量上报的任务。上报成功之后可以自身清除所上报的埋点数据，上报失败的话会存在重试机制，来重新批量上报埋点数据。

可选地，在用户异常关闭页面的情况下，对于没有上报的埋点数据，可以利用相应的缓存手段，比如，可以利用本地存储(local storage)的方式，在当用户在此打开页面时进行全量上传。需要说明的是，上述缓存手段仅为举例说明，此处不做具体限制。

可选地，由于SLS无法直接与开放的HTTP接口与端上的数据助手进行交互，可以通过FaaS服务，提供端上的调用能力。可以将访问的密钥信息配置在FaaS环境变量中，然后调用SLS日志检索能力，来进行数据提取整合，此外涉及其他系统数据，可以利用HSF接口获取，再进行数据整合和封装，提供给数据助手使用。

在该实施例中，提供了一种数据的展示系统。通过服务器401采集待操作页面的页面结构的至少一埋点数据；通过客户端402至少利用埋点数据构建页面结构信息，其中，页面结构信息用于表示待操作页面的页面结构；在页面结构信息中，标识出页面数据集，其中，页面数据集包括埋点数据；从页面数据集中选取目标埋点数据；展示目标埋点数据的数据内容，从而实现了提高数据的展示效率的技术效果，解决了数据的展示效率低的技术问题。

需要说明的是，本申请中所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，比如，对进行校验的数据，均为经用户授权或者经过各方充分授权的信息和数据，并且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准，并提供有相应的操作入口，供用户选择授权或者拒绝。

实施例3

目前，对于一些研发人员来说，可能未曾专注过自身所开发功能用户的使用数据，主要原因可以包括：研发人员不知道在哪里看；知道后可能涉及多个系统申请；已有应用程序不好用，先要用代码找到埋点数据，再去搜索对应信息，可能跨越多个系统；未养成查看数据的习惯。对于运行人员、用户体验(User Experience，简称为UX)人员等异常需要找研发人员去沟通，比如，需要提问研发人员“这个地方有没有埋点”、“埋点数据是什么，能否帮我找一下”等，但是，上述方法的沟通成本较高，使用门槛较高，数据展示不生动形象，很难根据单个的埋点数据，了解整个应用程序的使用情况。因此，仍存在数据的展示效率低的技术问题。

进一步地，本申请提供了一种端上展示数据的方法，该方法可以根据界面变化实时展示对应的数据，并且提供可视化的交互工具，做到想看哪里数据点哪里，利用自研的热力图渲染，能够让数据直接在界面上生动可见，来辅助运行人员、UX人员等做决策，大大降低数据的使用门槛，促使养成查看数据的习惯，让数据真正做到从未如此简单，从而实现了提高数据的展示效率的技术效果，解决了数据的展示效率低的技术问题。

下面对该实施例的上述方法进行进一步的介绍。

在本申请实施例中，图5是根据一种本申请实施例的一种端上展示数据的方法的流程图，如图5所示，该方法可以利用端上页面51、声明式埋点SDK 52、采集上报SDK 53、FaaS服务54和SLS日志平台55，其中，端上页面51中可以包括数据助手511。可以执行如下步骤：

步骤S501，在页面结构中埋入点位。

在该实施例中，可以通过声明式埋点SDK52向端上页面51的页面结构中埋入埋点数据。

可选地，通过声明式埋点SDK可以辅助进行埋点，埋点后会在埋点元素的DOM保留埋点唯一标记，也即，可以保留声明式埋点数据的标识信息和数据内容，方便后面时间采集和数据还原等操作。

由于利用传统的xpath定位方式，是需要通过页面中的埋点元素的位置和结构等形成变大时来定位页面中的埋点元素，但是，若页面结构发生变化，会导致上述历史过程中的表达式失效，导致历史数据(历史埋点数据等)分析收到影响，从而存在埋点的效率较低的技术问题。

在本申请实施例中，通过声明式埋点路径会更加的稳定，可以直接在埋点元素的DOM节点中填充埋点数据，不受页面结构变化的影响，依然能够从DOM节点中准确地识别和分析埋点数据，从而更加稳定，也即，在页面结构发生变化之后，也可以结合历史数据(历史埋点数据等)来进行分析，从而实现了提高埋点的效率低的技术效果。

步骤S502，整合埋点数据。

在该实施例中，可以将页面结构中埋入的埋点数据进行整合。

可选地，通过采集上报SDK可以向SLS日志平台批量上报端上页面所整合的埋点数据。

可选地，采集上报SDK其主要的作用是在用户触发页面中元素相应的事件时，比如，用户在页面中相应的元素进行了曝光和点击等事件时，可以对相应的埋点事件进行采集。此外还可以负责向SLS日志平台进行批量上报的任务。上报成功之后可以自身清除所上报的埋点数据，上报失败的话会存在重试机制，来重新批量上报埋点数据。

步骤S503，批量上报埋点数据。

在该实施例中，可以向SLS日志平台55批量上报埋点数据。

可选地，在用户异常关闭页面的情况下，对于没有上报的埋点数据，可以利用相应的缓存手段，比如，可以利用local storage的方式，在当用户在此打开页面时进行全量上传。

举例而言，单条埋点日志主要可以包括如下字段：埋点ID、埋点描述、埋点类型、当前页面URL、区块路径、登录用户信息、sess ion信息和录屏ID等字段。

步骤S504，拉取埋点日志。

在该实施例中，由于SLS无法直接与开放的HTTP接口与端上的数据助手进行交互，可以通过FaaS服务54，提供端上的调用能力。可以将访问的密钥信息配置在FaaS环境变量中，然后调用SLS日志检索能力，来进行数据提取整合，此外涉及其他系统数据，可以利用HSF接口获取，再进行数据整合和封装，形成埋点日志，提供给数据助手511使用。

步骤S505，整合埋点日志。

在该实施例中，可以对埋点日志进行整合，并通过FaaS服务54传输至数据助手511中。

步骤S506，触发埋点元素在页面展示。

在该实施例中，可以埋点日志，触发相应的埋点元素在端上页面51上进行展示。

举例而言，图6是根据本申请实施例的一种助手界面的示意图，如图6所示，通过埋点日志等可以对端上页面进行渲染，在端上可以集成数据助手SDK，数据中助手展示形式可以为气泡形式，点击后可以打开弹窗，使得助手界面呈现展开态，来展示助手界面，助手界面的左侧可以展示页面结构的结构树，右侧可以展示相应的埋点数据的数据内容。

可选地，实时解析页面结构的结构树，并且鼠标hover树节点，在界面上高亮示意。方便用户了解是哪块区域。支持审查器(图6中左侧顶部箭头按钮)，点击“审查按钮”，高亮界面上面已埋点的元素，点击高亮区域，右侧数据面板展示选择元素的数据信息。图6的右侧为数据展示区，利用扩展实现方式，根据不同类型元素，展示多种类型的埋点数据内容。

图7是根据本申请实施例的一种客服系统的示意图，如图7所示，客服系统中可以包括操作界面700、数据助手701、助手界面702，其中，助手界面702中可以包括数据展示区7021。可以通过点击数据助手701，显示出助手界面702。在从助手界面中点击相应的审查元素之后，可以进入审查模式。在进入审查模式之后，助手界面702中上会高亮出已埋点的埋点数据对应的埋点元素，用户可以通过点击一个高亮元素后，可以在数据展示区7021中展示所选中的埋点元素对应的埋点数据的数据信息。

可选地，上述方式的好处在于可以一眼看出哪些元素埋了点位，直接选择就可以看到对应的数据，大大提高了查看数据的效率，也减少了沟通成本。

在本申请实施例中，可以利用canvas来进行高性能高亮渲染。在高亮渲染过程中，需要获取需要高亮渲染的元素的位置信息，比如，元素的坐标、宽度和高度等信息。在待操作页面中创建一个canvas元素，可以通过脚本语言(比如，JavaScript)动态创建或者直接在待操作页面的HTML中进行添加。可以利用canvas的API中的绘图方法，例如，绘制矩形、圆形或者路径等，来在canvas上实现对指定的元素进行高亮渲染。可以在canvas上添加交互事件，例如，点击事件，以便用户点击高亮的元素时可以触发相应的操作。如果需要频繁更新高亮效果，可以通过清除canvas上的绘制内容，然后重新绘制新的高亮效果。

图8是根据本申请实施例的一种对客服系统进行高亮渲染的示意图，如图8所示，可以通过canvas来高亮显示出操作界面中埋点元素的区域，形成图中的高亮区域(灰色区域)。

图9是一种传统的文档对象模型对客服系统进行高亮渲染的示意图，如图9所示是通过传统的DOM方式来频繁地DOM元素进行操作，需要频繁的修改元素的样式和位置，较为复杂且会存在明显的延时现象。

在本申请实施例中，通过canvas进行高亮渲染可以直接在待操作页面上进行图形绘制，使用canvas进行高亮渲染可以减少对DOM树的操作，提高性能。并且canvas可以允许对像素进行直接操作，能够更精准地控制高亮区域的位置和样式。由于canvas是基于绘图API而不是特定的DOM结构，因此可以更容易地实现跨浏览器和跨平台的效果。并且在执行canvas时基本无延迟。通过上述分析，可以得知本申请实施例可以通过canvas高亮渲染，实现提高高亮渲染埋点数据的元素的准确性的技术效果。

图10是根据本申请实施例的一种高性能渲染实现过程的示意图，如图10所示，元素A1、元素B1、元素C1、元素A4、元素B4和元素C4均代表看不到的元素，而元素A2、元素B2和元素C2是出现在可视区域的元素，也即，是出现在页面可视窗口中的元素。在canvas的高亮层100中可以对元素A2、元素B2和元素C2进行相应的高亮渲染，得到三者分别对应的高亮A3、高亮B3和高亮C3。

可选地，在进行高性能渲染实现的过程中，可以利用Mutat ion Observer和Intersect ion Observer来采集出现在可视界面中的埋点数据对应的元素。然后可以通过get Bounding Cl ient Rect来获取元素在界面中的位置和大小信息，在canvas上绘制出来，由于canvas的绘制性能比较高，可以利用request Animat ion Frame来进行不间断绘制，这样在元素的大小或者位置发生改变时，也可以高性能地在界面上绘制出元素所对应的高亮区域，其中，可视界面也可以称为可视区域或者可视窗口。

可选地，通过canvas进行高亮渲染的过程中包括获取元素位置、在canvas上绘制高亮效果，并可以实现交互功能，这种方式可以更精确地控制高亮效果的位置和样式，同时具有更好的性能。

可选地，由于canvas绘制的并非是真实的DOM，所以在当从已经高亮显示的多个标识区域中选取出任一埋点数据的标识区域时，无法确定此时用户执行选取指令所选取的是哪一个埋点元素，因此，在本申请实施例中，可以设置相应的算法来识别用户所选中的标识区域所对应的埋点元素，以及对应的埋点数据是哪一个。

可选地，在用户发生选取操作，触发选取指令时，可以确定用户发生选取操作的操作位置，比如，可以以记录用户发生选取操作的操作坐标(x,y)来标记操作位置。在确定出操作位置之后，可以对页面数据集中所包括的各个埋点数据进行遍历，遍历确定各个埋点数据的位置范围，并分别确定当前的操作位置落在哪个埋点数据的位置范围内，若操作位置仅落在一个位置范围内，则可以将该位置范围所对应的埋点数据确定为用户所需查看的埋点数据。

可选地，图11是根据本申请实施例的一种选取埋点元素的示意图，如图11所示，由于埋点元素之间可能存在包含关系，如图11中埋点元素F包含埋点元素f，若操作位置(图11中的黑色箭头)不仅落在了较大的埋点元素F的位置范围中，且落到了较大的埋点元素所包含的较小的埋点元素f中时，为了提高所确定出的目标埋点数据的准确性，可以将所包含的较小的埋点元素f对应的埋点数据确定为目标埋点数据。

在该实施例中，埋点SDK才用了声明式埋点方案，可以将一个页面划分成多个区域纬度进行分析。在客服工作台，热力图可做到按照工作台纬度，应用纬度，页面纬度，区块纬度展示热力图。通过更细纬度，更专注分析一块功能用户的使用情况。通过创新性利用Mutat ion Observer等API，采集页面元素变化，通过查询队列，异步获取数据，增量渲染等方式，用户只需要打开开关，就可以实时看到对应操作界面数据，无需手动刷新。

图12是根据本申请实施例的一种热力图动态增量渲染方法的流程图，如图12所示，该方法可以包括如下步骤：

步骤S1201，监测界面的变化情况。

在该实施例中，可以采集页面中埋点元素的变化情况，并需要展示用户选中的目标埋点数据变化后的数据内容，也即，可以通过监测界面是否发生变化，来确定埋点元素是否发生变化。

步骤S1202，获取出现在可视区域的埋点元素。

在该实施例中，可以从发生变化后的界面中的可视区域中，获取出相应的埋点元素，并可以将所获取的在可视区域中的埋点元素整合成埋点元素集合。

步骤S1203，将未缓存元素标识信息传输至查询队列。

在该实施例中，可以确定埋点元素集合中的各个埋点元素是否存在没有缓存的埋点元素，若是，则可以获取未缓存埋点元素的元素ID，并将元素ID传输至查询队列之中，

步骤S1204，对埋点元素加工，得到热力图数据。

在该实施例中，可以将缓存了的埋点元素进行加工，得到可渲染的热力图数据。

步骤S1205，定时轮训。

在该实施例中，可以对查询列表进行定时轮训。

步骤S1206，查询埋点元素。

在该实施例中，可以从FaaS服务和SLS日志数据中，根据未缓存的元素ID，确定对应的埋点元素。

步骤S1207，将所获取的埋点元素写入缓存区域。

在该实施例中，可以将所获取的埋点元素写入至缓存区域中。

可选地，在缓存区域中可以对写入的埋点元素所对应的热力图数据进行缓存，但为了避免缓存区域的空间不足的情况，可以采用LFU策略，对每次所写入的访问频率等埋点数据进行检测，可以从埋点数据中过滤中频率低或者不被访问的访问频率进行淘汰，来为频率较高的访问频率腾出空间，从而实现了提高缓存区域空间的利用率的技术效果。

步骤S1208，过滤出已经写入的元素标识信息。

在该实施例中，可以从未缓存元素ID中过滤出已经重新获得埋点元素对应的元素ID。

步骤S1209，基于所写入的埋点元素，加工得到热力图数据。

在该实施例中，可以对重新缓存的埋点元素进行加工，得到相应的可渲染的热力图数据。

步骤S1210，对热力图数据进行渲染，得到热力图图层。

在该实施例中，可以在热力图图层上对热力图数据进行渲染，得到渲染后的热力图图层。

举例而言，图13是根据本申请实施例的一种客服系统中应用热力图的示意图，如图13所示，可以通过点击客服系统中的黑色气泡控件来显示出助手界面，在助手界面中，若需要查看热力图，则可以确认开启热力图渲染的控件(图中条形滑动控件)，只需要打开该按钮，可以自动动态丝滑地增量渲染热力图。

可选地，数据面板的接口中主要包括字段有：扩展标识信息(扩展ID)、扩展名称、扩展描述、扩展组件实现和支持范围等字段，其中，扩展组件实现可以包括当前面板是否激活的组件属性以及全局筛选对象的组件属性。支持范围可以包括站点级别、应用级别、页面界别、区块级别和元素级别。

举例而言，图14是根据本申请实施例的一种不同级别数据面板的示意图，如图14所示，在元素级别下还可以包括“我的班务”、“去上班”和“我的工单”等更下一级的数据，在应用界别下还可以包括“首页”这下一级别的数据。此处仅为举例说明，不做具体限制。

图15是根据本申请实施例的一种存储录屏数据的示意图，如图15所示，客服工作台1501可以将录屏数据传输至XReplay 1502中进行存储，录屏关联信息15021可以存储在HBase中，录屏数据15022可以存储在OSS中。可以将埋单信息传输至SLS 1503中的采集器15032中，可以将日志信息传输至SLS1503中的Log 15031中进行存储。

图16是根据本申请实施例的一种多维度检索录屏数据方法的流程图，如图16所示，该方法可以包括如下步骤：

步骤S1601，进行多种纬度检索。

在该实施例中，可以从多个纬度的元素埋点来检索录屏信息。

可选地，XReplay录屏大概日均2500000左右的录屏存在HBase中，HBase的单点查询很快，但是条件查询(Scan模式)经常超时，而且纬度有限，只能根据时间纬度和用户名纬度进行筛选，若需要查看某个页面的录屏，或者点击了某个按钮，使用了某个功能的录屏更是无从下手。

可选地，利用SLS强大的检索能力，让录屏数据和埋点日志之间建立关联关系，可以先通过SLS检索出对应的录屏ID，通过批量调用XReplay单点查询接口获取录屏详情，这样就可以很容易地批量查看某个应用、页面或者使用了某个功能等的录屏数据。

步骤S1602，调用HSF服务，获取录屏标识信息。

在该实施例中，在FaaS服务中可以利用SLS16a调用HSF服务，从XReplay 16b的录屏详情服务中获取出录屏标识信息。

步骤S1603，返回录屏列表。

在该实施例中，可以将所获取到的录屏标识信息对应的录屏数据汇总在录屏列表中供用户查看。

举例而言，图17是根据本申请实施例的一种客服系统中展示录屏列表的示意图，如图17所示，用户可以通过点击客服系统中的灰色气泡控件显示出助手界面。在助手界面中，若需要查看录屏数据，则可以点击录屏控件，获取到录屏ID、用户和录屏时长等信息，比如，录屏列表中可以包括三个录屏数据，三个各自的录屏ID分别为ed4a1、sdni6和das4s，用户分别为用户1、用户2和用户3，三个录屏时长分别可以为00:38:33、00:05:49和00:04:00。

在本申请实施例中，若需要对某一埋点数据的数据内容进行查看，可以在操作界面上执行相应的页面展示指令，基于页面展示指令可以在操作界面上展示应用程序的待操作页面，用户可以在该应用程序上查看相应的数据内容。在待操作页面上可以执行相应的数据查询指令，通过该数据查询指令，可以在待操作页面的页面结构信息中找到存储有埋点数据的页面数据集。可以根据用户自身所要查看埋点数据的需求，从页面数据集中选取出相应的埋点数据，并确定为用户所需的目标埋点数据，从而可以将该目标埋点数据相关的数据内容展示在操作界面上供用户查看。由于本申请实施例考虑到相关技术中的问题，可以通过一种可视化的操作界面，来将埋点数据的展示与用户的客户端做了结合，可以实时地展示页面数据集，用户仅需要直接地选择操作即可查看对应的埋点数据，而无需跨多个系统去申请，从而不仅达到了降低操作界面的使用门槛和沟通成本的目的，还达到了实现用户想查看什么就操作什么的目的，进而实现了提高数据的展示效率的技术效果，解决了数据的展示效率低的技术问题。

实施例4

根据本申请实施例，还提供了一种用于实施上述图2所示的数据的展示方法的数据的展示装置。

图18是根据本申请实施例的一种数据的展示装置的示意图，如图18所示，该数据的展示装置1100可以包括：第一展示单元1802、第一标识单元1804、第一选取单元1806和第二展示单元1808。

第一展示单元1802，用于响应作用于操作界面上的页面展示指令，在操作界面上展示应用程序的待操作页面。

第一标识单元1804，用于响应作用于待操作页面上的数据查询指令，在待操作页面的页面结构信息中，标识出页面数据集，其中，页面结构信息用于表示待操作页面的页面结构，页面数据集包括应用程序在页面结构中的至少一埋点数据。

第一选取单元1806，用于响应于对页面数据集的选取指令，从页面数据集中选取目标埋点数据。

第二展示单元1808，用于在操作界面上，展示目标埋点数据的数据内容。

此处上述第一展示单元1802、第一标识单元1804、第一选取单元1806和第二展示单元1808对应于实施例1中的步骤S202至步骤S208，四个单元与对应的步骤所实现的实例和应用场景相同，但不限于上述实施例1所公开的内容。需要说明的是，上述单元可以是存储在存储器(例如，存储器2004)中并由一个或多个处理器(例如，处理器2002a，2002b……，2002n)处理的硬件组件或软件组件，上述单元也可以作为装置的一部分可以运行在实施例8提供的计算机终端A中。

根据本申请实施例，还提供了一种用于实施上述图3所示的数据的展示方法的数据的展示装置。

图19是根据本申请实施例的另一种数据的展示装置的示意图，如图19所示，该数据的展示装置1900可以包括：获取单元1902、第二标识单元1904、第二选取单元1906和第三展示单元1908。

获取单元1902，用于获取应用程序的待操作页面的页面结构信息，其中，页面结构信息用于表示待操作页面的页面结构。

第二标识单元1904，用于在页面结构信息中，标识出页面数据集，其中，页面数据集包括应用程序在页面结构中的至少一埋点数据。

第二选取单元1906，用于从页面数据集中选取目标埋点数据。

第三展示单元1908，用于展示目标埋点数据的数据内容。

此处需要说明的是，上述获取单元1902、第二标识单元1904、第二选取单元1906和第三展示单元1908对应于实施例1中的步骤S302至步骤S308，四个单元与对应的步骤所实现的实例和应用场景相同，但不限于上述实施例1所公开的内容。需要说明的是，上述单元可以是存储在存储器(例如，存储器2004)中并由一个或多个处理器(例如，处理器2002a，2002b……，2002n)处理的硬件组件或软件组件，上述单元也可以作为装置的一部分可以运行在实施例8提供的计算机终端A中。

在该数据的展示装置中，若需要对某一埋点数据的数据内容进行查看，可以在操作界面上执行相应的页面展示指令，基于页面展示指令可以在操作界面上展示应用程序的待操作页面，用户可以在该应用程序上查看相应的数据内容。在待操作页面上可以执行相应的数据查询指令，通过该数据查询指令，可以在待操作页面的页面结构信息中找到存储有埋点数据的页面数据集。可以根据用户自身所要查看埋点数据的需求，从页面数据集中选取出相应的埋点数据，并确定为用户所需的目标埋点数据，从而可以将该目标埋点数据相关的数据内容展示在操作界面上供用户查看。由于本申请实施例考虑到相关技术中的问题，可以通过一种可视化的操作界面，来将埋点数据的展示与用户的客户端做了结合，可以实时地展示页面数据集，用户仅需要直接地选择操作即可查看对应的埋点数据，而无需跨多个系统去申请，从而不仅达到了降低操作界面的使用门槛和沟通成本的目的，还达到了实现用户想查看什么就操作什么的目的，进而实现了提高数据的展示效率的技术效果，解决了数据的展示效率低的技术问题。

实施例5

本申请的实施例可以提供一种计算机终端，该计算机终端可以是计算机终端群中的任意一个计算机终端设备。可选地，在本实施例中，上述计算机终端也可以替换为移动终端等终端设备。

可选地，在本实施例中，上述计算机终端可以位于计算机网络的多个网络设备中的至少一个网络设备。

在本实施例中，上述计算机终端可以执行数据的展示方法中以下步骤的程序代码：响应作用于操作界面上的页面展示指令，在操作界面上展示应用程序的待操作页面；响应作用于待操作页面上的数据查询指令，在待操作页面的页面结构信息中，标识出页面数据集，其中，页面结构信息用于表示待操作页面的页面结构，页面数据集包括应用程序在页面结构中的至少一埋点数据；响应于对页面数据集的选取指令，从页面数据集中选取目标埋点数据；在操作界面上，展示目标埋点数据的数据内容。

可选地，图20是根据本申请实施例的一种计算机终端的结构框图。如图20所示，该计算机终端200可以包括：一个或多个(图中仅示出一个)处理器2002、存储器2004以及传输装置2006。

其中，存储器可用于存储软件程序以及模块，如本申请实施例中的数据的展示方法和装置对应的程序指令/模块，处理器通过运行存储在存储器内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的数据的展示方法。存储器可包括高速随机存储器，还可以包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其它非易失性固态存储器。在一些实例中，存储器可进一步包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端A。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

处理器可以通过传输装置调用存储器存储的信息及应用程序，以执行下述步骤：响应作用于待操作页面上的数据查询指令，在待操作页面上渲染显示至少一标识区域，其中，至少一标识区域与至少一埋点数据相对应；在标识区域中标识对应的埋点数据，得到页面数据集。

可选地，上述处理器还可以执行如下步骤的程序代码：响应于对页面数据集的选取指令，获取选取指令在操作界面上的操作位置，以及页面数据集中埋点数据在操作界面上允许显示的位置范围；如果操作位置包含于位置范围，则将位置范围对应的埋点数据，确定为目标埋点数据。

可选地，上述处理器还可以执行如下步骤的程序代码：如果操作位置包含于多个位置范围，则将多个位置范围中最小位置范围对应的埋点数据，确定为目标埋点数据。

可选地，上述处理器还可以执行如下步骤的程序代码：如果页面数据集中存在属性信息变化的埋点数据，则在操作界面上标识属性信息变化的埋点数据，其中，属性信息用于表示埋点数据在操作界面上的显示属性。

可选地，上述处理器还可以执行如下步骤的程序代码：如果页面数据集中存在属性信息变化的埋点数据，则按照变化后的属性信息，在操作界面上渲染显示对应的标识区域；在标识区域中显示属性信息变化的埋点数据。

可选地，上述处理器还可以执行如下步骤的程序代码：响应作用于操作界面的类型选取指令，从多种展示类型中选取目标展示类型；在操作界面上，按照目标展示类型展示目标埋点数据的数据内容。

可选地，上述处理器还可以执行如下步骤的程序代码：在操作界面上，从不同展示维度中选取目标埋点数据所属的目标展示维度；在操作界面上，显示与目标展示维度相匹配的数据面板；在与目标展示维度相匹配的数据面板上，按照目标展示类型展示目标埋点数据的数据内容。

可选地，上述处理器还可以执行如下步骤的程序代码：如果目标展示类型为热力图类型，则在与目标展示维度相匹配的数据面板上，按照热力图类型渲染显示目标埋点数据的数据内容对应的热力图数据。

可选地，上述处理器还可以执行如下步骤的程序代码：如果目标展示类型为热力图类型，且目标埋点数据的属性信息变化，则在与目标展示维度相匹配的数据面板上，按照热力图类型，渲染显示属性信息变化的目标埋点数据的数据内容对应的热力图数据。

可选地，上述处理器还可以执行如下步骤的程序代码：如果目标展示类型为录屏类型，则在与目标展示维度相匹配的数据面板上，渲染显示目标埋点数据的数据内容关联的录屏数据。

可选地，上述处理器还可以执行如下步骤的程序代码：如果目标展示类型为录屏类型，则获取与目标埋点数据的数据内容关联的录屏标识信息；在与目标展示维度相匹配的数据面板上，渲染显示由录屏标识信息标识的录屏数据。

可选地，上述处理器还可以执行如下步骤的程序代码：响应于对数据面板的扩展指令，对数据面板的接口进行扩展处理，其中，扩展后的数据面板允许与不同于目标展示维度的展示维度进行匹配。

可选地，处理器可以通过传输装置调用存储器存储的信息及应用程序，以执行下述步骤：获取应用程序的待操作页面的页面结构信息，其中，页面结构信息用于表示待操作页面的页面结构；在页面结构信息中，标识出页面数据集，其中，页面数据集包括应用程序在页面结构中的至少一埋点数据；从页面数据集中选取目标埋点数据；展示目标埋点数据的数据内容。

可选地，上述处理器还可以执行如下步骤的程序代码：向日志平台发送数据查询请求；获取日志平台响应数据查询请求，而返回的待操作页面的埋点数据；至少利用埋点数据构建页面结构信息。

可选地，上述处理器还可以执行如下步骤的程序代码：获取埋入待操作页面中的声明式埋点数据；至少利用声明式埋点数据的数据内容和声明式埋点数据的标识信息，构建页面结构信息，其中，声明式埋点数据的数据内容和标识信息至少用于还原声明式埋点数据。

可选地，上述处理器还可以执行如下步骤的程序代码：获取埋点数据的属性信息，其中，属性信息用于表示埋点数据的显示属性；利用属性信息，确定与埋点数据对应的标识区域；在标识区域中标识对应的埋点数据，得到页面数据集。

可选地，上述处理器还可以执行如下步骤的程序代码：利用目标接口，采集变化的目标埋点数据；展示变化的目标埋点数据的数据内容。

可选地，上述处理器还可以执行如下步骤的程序代码：将变化的目标埋点数据的数据内容转换为热力图数据；在热力图图层上，渲染显示热力图数据。

采用本申请实施例，提供了一种数据的展示方法。在本申请实施例中，若需要对某一埋点数据的数据内容进行查看，可以在操作界面上执行相应的页面展示指令，基于页面展示指令可以在操作界面上展示应用程序的待操作页面，用户可以在该应用程序上查看相应的数据内容。在待操作页面上可以执行相应的数据查询指令，通过该数据查询指令，可以在待操作页面的页面结构信息中找到存储有埋点数据的页面数据集。可以根据用户自身所要查看埋点数据的需求，从页面数据集中选取出相应的埋点数据，并确定为用户所需的目标埋点数据，从而可以将该目标埋点数据相关的数据内容展示在操作界面上供用户查看。由于本申请实施例考虑到相关技术中的问题，可以通过一种可视化的操作界面，来将埋点数据的展示与用户的客户端做了结合，可以实时地展示页面数据集，用户仅需要直接地选择操作即可查看对应的埋点数据，而无需跨多个系统去申请，从而不仅达到了降低操作界面的使用门槛和沟通成本的目的，还达到了实现用户想查看什么就操作什么的目的，进而实现了提高数据的展示效率的技术效果，解决了数据的展示效率低的技术问题。

本领域普通技术人员可以理解，图20所示的结构仅为示意，计算机终端A也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobi leInternet Devices，简称为MID)、PAD等终端设备。图20其并不对上述计算机终端A的结构造成限定。例如，计算机终端A还可包括比图20中所示更多或者更少的组件(如网络接口、显示装置等)，或者具有与图20所示不同的配置。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：闪存盘、只读存储器(Read-Only Memory，简称为ROM)、随机存取器(Random Access Memory，简称为RAM)、磁盘或光盘等。

实施例6

本申请的实施例还提供了一种计算机可读存储介质。可选地，在本实施例中，上述计算机可读存储介质可以用于保存上述实施例一所提供的数据的展示方法所执行的程序代码。

可选地，在本实施例中，上述计算机可读存储介质可以位于计算机网络中计算机终端群中的任意一个计算机终端中，或者位于移动终端群中的任意一个移动终端中。

可选地，在本实施例中，计算机可读存储介质被设置为存储用于执行以下步骤的程序代码：响应作用于操作界面上的页面展示指令，在操作界面上展示应用程序的待操作页面；响应作用于待操作页面上的数据查询指令，在待操作页面的页面结构信息中，标识出页面数据集，其中，页面结构信息用于表示待操作页面的页面结构，页面数据集包括应用程序在页面结构中的至少一埋点数据；响应于对页面数据集的选取指令，从页面数据集中选取目标埋点数据；在操作界面上，展示目标埋点数据的数据内容。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：响应作用于待操作页面上的数据查询指令，在待操作页面上渲染显示至少一标识区域，其中，至少一标识区域与至少一埋点数据相对应；在标识区域中标识对应的埋点数据，得到页面数据集。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：响应于对页面数据集的选取指令，获取选取指令在操作界面上的操作位置，以及页面数据集中埋点数据在操作界面上允许显示的位置范围；如果操作位置包含于位置范围，则将位置范围对应的埋点数据，确定为目标埋点数据。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：如果操作位置包含于多个位置范围，则将多个位置范围中最小位置范围对应的埋点数据，确定为目标埋点数据。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：如果页面数据集中存在属性信息变化的埋点数据，则在操作界面上标识属性信息变化的埋点数据，其中，属性信息用于表示埋点数据在操作界面上的显示属性。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：如果页面数据集中存在属性信息变化的埋点数据，则按照变化后的属性信息，在操作界面上渲染显示对应的标识区域；在标识区域中显示属性信息变化的埋点数据。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：响应作用于操作界面的类型选取指令，从多种展示类型中选取目标展示类型；在操作界面上，按照目标展示类型展示目标埋点数据的数据内容。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：在操作界面上，从不同展示维度中选取目标埋点数据所属的目标展示维度；在操作界面上，显示与目标展示维度相匹配的数据面板；在与目标展示维度相匹配的数据面板上，按照目标展示类型展示目标埋点数据的数据内容。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：如果目标展示类型为热力图类型，则在与目标展示维度相匹配的数据面板上，按照热力图类型渲染显示目标埋点数据的数据内容对应的热力图数据。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：如果目标展示类型为热力图类型，且目标埋点数据的属性信息变化，则在与目标展示维度相匹配的数据面板上，按照热力图类型，渲染显示属性信息变化的目标埋点数据的数据内容对应的热力图数据。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：如果目标展示类型为录屏类型，则在与目标展示维度相匹配的数据面板上，渲染显示目标埋点数据的数据内容关联的录屏数据。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：如果目标展示类型为录屏类型，则获取与目标埋点数据的数据内容关联的录屏标识信息；在与目标展示维度相匹配的数据面板上，渲染显示由录屏标识信息标识的录屏数据。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：响应于对数据面板的扩展指令，对数据面板的接口进行扩展处理，其中，扩展后的数据面板允许与不同于目标展示维度的展示维度进行匹配。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：获取应用程序的待操作页面的页面结构信息，其中，页面结构信息用于表示待操作页面的页面结构；在页面结构信息中，标识出页面数据集，其中，页面数据集包括应用程序在页面结构中的至少一埋点数据；从页面数据集中选取目标埋点数据；展示目标埋点数据的数据内容。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：向日志平台发送数据查询请求；获取日志平台响应数据查询请求，而返回的待操作页面的埋点数据；至少利用埋点数据构建页面结构信息。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：获取埋入待操作页面中的声明式埋点数据；至少利用声明式埋点数据的数据内容和声明式埋点数据的标识信息，构建页面结构信息，其中，声明式埋点数据的数据内容和标识信息至少用于还原声明式埋点数据。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：获取埋点数据的属性信息，其中，属性信息用于表示埋点数据的显示属性；利用属性信息，确定与埋点数据对应的标识区域；在标识区域中标识对应的埋点数据，得到页面数据集。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：利用目标接口，采集变化的目标埋点数据；展示变化的目标埋点数据的数据内容。

可选地，上述计算机可读存储介质还可以执行如下步骤的程序代码：将变化的目标埋点数据的数据内容转换为热力图数据；在热力图图层上，渲染显示热力图数据。

实施例7

本申请的实施例可以提供一种电子设备，该电子设备可以包括存储器和处理器。

图21是根据本申请实施例的一种数据的展示方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本申请的实现。

如图21所示，设备2100包括计算单元2101，其可以根据存储在只读存储器(ROM)2102中的计算机程序或者从存储单元2108加载到随机访问存储器(RAM)2103中的计算机程序，来执行各种适当的动作和处理。在RAM2103中，还可存储设备2100操作所需的各种程序和数据。计算单元2101、ROM2102以及RAM2103通过总线2104彼此相连。输入/输出(I/O)接口2105也连接至总线2104。

设备2100中的多个部件连接至I/O接口2105，包括：输入单元2106，例如键盘、鼠标等；输出单元2104，例如各种类型的显示器、扬声器等；存储单元2108，例如磁盘、光盘等；以及通信单元2109，例如网卡、调制解调器、无线通信收发机等。通信单元2109允许设备2100通过诸如因特网的计算机网络和/或各种电信网络与其它设备交换信息/数据。

计算单元2101可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元2101的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元2101执行上文所描述的各个方法和处理，例如数据的展示方法。例如，在一些实施例中，数据的展示方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元2108。在一些实施例中，计算机程序的部分或者全部可以经由ROM 2102和/或通信单元2109而被载入和/或安装到设备2100上。当计算机程序加载到RAM 2103并由计算单元2101执行时，可以执行上文描述的数据的展示方法的一个或多个步骤。备选地，在其它实施例中，计算单元2101可以通过其它任何适当的方式(例如，借助于固件)而被配置为执行数据的展示方法。

实施例8

本申请的实施例还提供了一种计算机程序产品。可选地，在本实施例中，上述计算机程序产品中可以包括计算机程序，计算机程序在被处理器执行时实现上述本申请实施例的数据的展示方法。

根据本申请实施例，提供了一种数据的展示方法，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本申请实施例8所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。图22是根据本申请实施例的一种用于实现数据的展示方法的计算机终端(或移动设备)的硬件结构框图，如图22所示，计算机终端220(或移动设备)可以包括一个或多个(图中采用2202a、2202b，……，2202n来示出)处理器2202(处理器2202可以包括但不限于微处理器(Microcontrol ler Unit，简称为MCU)或可编程逻辑器件(FieldProgrammable Gate Array，简称为FPGA)等的处理装置)、用于存储数据的存储器2204、以及用于通信功能的传输装置2206。除此以外，还可以包括：显示器、输入/输出接口(I/O接口)、通用串行总线(Universal Serial Bus，简称为USB)端口(可以作为BUS总线的端口中的一个端口被包括)、网络接口、电源和/或相机。本领域普通技术人员可以理解，图22所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，计算机终端220还可包括比图22中所示更多或者更少的组件，或者具有与图22所示不同的配置。

图22示出的硬件结构框图，不仅可以作为上述计算机终端220(或移动设备)的示例性框图，还可以作为上述服务器的示例性框图，一种可选实施例中，图23以框图示出了使用上述图22所示的计算机终端220(或移动设备)作为计算环境2301中计算节点的一种实施例。

图23是根据本申请实施例的一种数据的展示方法的计算环境的结构框图，如图23所示，计算环境2301包括运行在分布式网络上的多个(图中采用2310-1，2310-2，…，来示出)计算节点(如服务器)。计算节点都包含本地处理和内存资源，终端用户2302可以在计算环境2301中远程运行应用程序或存储数据。应用程序可以作为计算环境1601中的多个服务2320-1，2320-2，2320-3和2320-4进行提供，分别代表服务“F”，“G”，“I”和“H”。

终端用户2302可以通过客户端上的web浏览器或其它软件应用程序提供和访问服务，在一些实施例中，可以将终端用户2302的供应和/或请求提供给入口网关2330。入口网关2330可以包括一个相应的代理来处理针对服务(计算环境2301中提供的一个或多个服务)的供应和/或请求。

服务是根据计算环境2301支持的各种虚拟化技术来提供或部署的。在一些实施例中，可以根据基于虚拟机(Virtual Machine，简称为VM)的虚拟化、基于容器的虚拟化和/或类似的方式提供服务。基于虚拟机的虚拟化可以是通过初始化虚拟机来模拟真实的计算机，在不直接接触任何实际硬件资源的情况下执行程序和应用程序。在虚拟机虚拟化机器的同时，根据基于容器的虚拟化，可以启动容器来虚拟化整个操作系统，以便多个工作负载可以在单个操作系统实例上运行。

在基于容器虚拟化的一个实施例中，服务的若干容器可以被组装成一个Pod(例如，Kubernetes Pod)。举例来说，如图23所示，服务2320-2可以配备一个或多个Pod2340-1，2340-2，…，2340-N(统称为Pod)。Pod可以包括代理2345和一个或多个容器2342-1，2342-2，…，2342-M(统称为容器)。Pod中一个或多个容器处理与服务的一个或多个相应功能相关的请求，代理2345通常控制与服务相关的网络功能，如路由、负载均衡等。其它服务也可以配备类似于Pod的Pod。

在操作过程中，执行来自终端用户2302的用户请求可能需要调用计算环境2301中的一个或多个服务，执行一个服务的一个或多个功能可能需要调用另一个服务的一个或多个功能。如图23所示，服务“F”2320-1从入口网关2330接收终端用户2302的用户请求，服务“F”2320-1可以调用服务“G”2320-2，服务“G”2320-2可以请求服务“I”2320-3执行一个或多个功能。

上述的计算环境可以是云计算环境，资源的分配由云服务提供上管理，允许功能的开发无需考虑实现、调整或扩展服务器。该计算环境允许开发人员在不构建或维护复杂基础设施的情况下执行响应事件的代码。服务可以被分割完成一组可以自动独立伸缩的功能，而不是扩展单个硬件设备来处理潜在的负载。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(Appl icat ion Specific Integrated，简称为ASIC)、专用标准产品(Appl icat ion Specific Standard Parts，简称为ASSP)、芯片上系统的系统(System-on-a-Chip，简称为SOC)、复杂可编程逻辑设备(ComplexProgrammable Logic Device，简称为CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本申请的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、复杂可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本申请的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本申请的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(Erasable Programmable Read-Only Memory，简称为EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(Compact Disc Read-Only Memory，简称为CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，阴极射线管(Cathode Ray Tube，简称为CRT)或者液晶显示器(Liquid Crystal Display，简称为LCD)、监测器；以及键盘和指向装置(例如，鼠标或者路径球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(Local Area Network，简称为LAN)、广域网(Wide Area Network，简称为WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

需要说明的是，上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

在本申请的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器、随机存取存储器、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上仅是本申请的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。

Claims (23)

1.一种数据的展示方法，其特征在于，包括：

响应作用于操作界面上的页面展示指令，在所述操作界面上展示应用程序的待操作页面；

响应作用于所述待操作页面上的数据查询指令，在所述待操作页面的页面结构信息中，标识出页面数据集，其中，所述页面结构信息用于表示所述待操作页面的页面结构，所述页面数据集包括所述应用程序在所述页面结构中的至少一埋点数据；

响应于对所述页面数据集的选取指令，从所述页面数据集中选取目标埋点数据；

在所述操作界面上，展示所述目标埋点数据的数据内容。

2.根据权利要求1所述的方法，其特征在于，响应作用于所述待操作页面上的数据查询指令，在所述待操作页面的页面结构信息中，标识出页面数据集，包括：

响应作用于所述待操作页面上的所述数据查询指令，在所述待操作页面上渲染显示至少一标识区域，其中，所述至少一标识区域与所述至少一埋点数据相对应；

在所述标识区域中标识对应的埋点数据，得到所述页面数据集。

3.根据权利要求2所述的方法，其特征在于，响应于对所述页面数据集的选取指令，从所述页面数据集中选取目标埋点数据，包括：

响应于对所述页面数据集的选取指令，获取所述选取指令在所述操作界面上的操作位置，以及所述页面数据集中埋点数据在所述操作界面上允许显示的位置范围；

如果所述操作位置包含于所述位置范围，则将所述位置范围对应的所述埋点数据，确定为所述目标埋点数据。

4.根据权利要求3所述的方法，其特征在于，如果所述操作位置包含于所述位置范围，则将所述位置范围对应的所述埋点数据，确定为所述目标埋点数据，包括：

如果所述操作位置包含于多个所述位置范围，则将多个所述位置范围中最小位置范围对应的所述埋点数据，确定为所述目标埋点数据。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

如果所述页面数据集中存在属性信息变化的埋点数据，则在所述操作界面上标识所述属性信息变化的埋点数据，其中，所述属性信息用于表示所述埋点数据在所述操作界面上的显示属性。

6.根据权利要求5所述的方法，其特征在于，如果所述页面数据集中存在属性信息变化的埋点数据，则在所述操作界面上标识所述属性信息变化的埋点数据，包括：

如果所述页面数据集中存在属性信息变化的埋点数据，则按照变化后的所述属性信息，在所述操作界面上渲染显示对应的标识区域；

在所述标识区域中显示所述属性信息变化的埋点数据。

7.根据权利要求1所述的方法，其特征在于，在所述操作界面上，展示所述目标埋点数据的数据内容，包括：

响应作用于所述操作界面的类型选取指令，从多种展示类型中选取目标展示类型；

在所述操作界面上，按照所述目标展示类型展示所述目标埋点数据的数据内容。

8.根据权利要求7所述的方法，其特征在于，在所述操作界面上，按照所述目标展示类型展示所述目标埋点数据的数据内容，包括：

在所述操作界面上，从不同展示维度中选取所述目标埋点数据所属的目标展示维度；

在所述操作界面上，显示与所述目标展示维度相匹配的数据面板；

在与所述目标展示维度相匹配的所述数据面板上，按照所述目标展示类型展示所述目标埋点数据的数据内容。

9.根据权利要求8所述的方法，其特征在于，在与所述目标展示维度相匹配的所述数据面板上，按照所述目标展示类型展示所述目标埋点数据的数据内容，包括：

如果所述目标展示类型为热力图类型，则在与所述目标展示维度相匹配的所述数据面板上，按照所述热力图类型渲染显示所述目标埋点数据的数据内容对应的热力图数据。

10.根据权利要求9所述的方法，其特征在于，如果所述目标展示类型为热力图类型，则在与所述目标展示维度相匹配的所述数据面板上，按照所述热力图类型渲染显示所述目标埋点数据的数据内容对应的热力图数据，包括：

如果所述目标展示类型为热力图类型，且所述目标埋点数据的属性信息变化，则在与所述目标展示维度相匹配的所述数据面板上，按照所述热力图类型，渲染显示所述属性信息变化的所述目标埋点数据的数据内容对应的所述热力图数据。

11.根据权利要求8所述的方法，其特征在于，在与所述目标展示维度相匹配的所述数据面板上，按照所述目标展示类型展示所述目标埋点数据的数据内容，包括：

如果所述目标展示类型为录屏类型，则在与所述目标展示维度相匹配的所述数据面板上，渲染显示所述目标埋点数据的数据内容关联的录屏数据。

12.根据权利要求11所述的方法，其特征在于，如果所述目标展示类型为录屏类型，则在与所述目标展示维度相匹配的所述数据面板上，渲染显示所述目标埋点数据的数据内容关联的录屏数据，包括：

如果所述目标展示类型为录屏类型，则获取与所述目标埋点数据的数据内容关联的录屏标识信息；

在与所述目标展示维度相匹配的所述数据面板上，渲染显示由所述录屏标识信息标识的所述录屏数据。

13.根据权利要求8所述的方法，其特征在于，所述方法还包括：

响应于对所述数据面板的扩展指令，对所述数据面板的接口进行扩展处理，其中，扩展后的所述数据面板允许与不同于所述目标展示维度的展示维度进行匹配。

14.一种数据的展示方法，其特征在于，包括：

获取应用程序的待操作页面的页面结构信息，其中，所述页面结构信息用于表示所述待操作页面的页面结构；

在所述页面结构信息中，标识出页面数据集，其中，所述页面数据集包括所述应用程序在所述页面结构中的至少一埋点数据；

从所述页面数据集中选取目标埋点数据；

展示所述目标埋点数据的数据内容。

15.根据权利要求14所述的方法，其特征在于，所述埋点数据存储在日志平台中，获取应用程序的待操作页面的页面结构信息，包括：

向日志平台发送数据查询请求；

获取所述日志平台响应所述数据查询请求，而返回的所述待操作页面的所述埋点数据；

至少利用所述埋点数据构建所述页面结构信息。

16.根据权利要求14所述的方法，其特征在于，获取应用程序的待操作页面的页面结构信息，包括：

获取埋入所述待操作页面中的声明式埋点数据；

至少利用所述声明式埋点数据的数据内容和所述声明式埋点数据的标识信息，构建所述页面结构信息，其中，所述声明式埋点数据的数据内容和所述标识信息至少用于还原所述声明式埋点数据。

17.根据权利要求14所述的方法，其特征在于，在所述页面结构信息中，标识出页面数据集，包括：

获取所述埋点数据的属性信息，其中，所述属性信息用于表示所述埋点数据的显示属性；

利用所述属性信息，确定与所述埋点数据对应的标识区域；

在所述标识区域中标识对应的所述埋点数据，得到所述页面数据集。

18.根据权利要求14所述的方法，其特征在于，所述方法还包括：

利用目标接口，采集变化的所述目标埋点数据；

展示所述目标埋点数据的数据内容，包括：展示变化的所述目标埋点数据的数据内容。

19.根据权利要求18所述的方法，其特征在于，展示变化的所述目标埋点数据的数据内容，包括：

将变化的所述目标埋点数据的数据内容转换为热力图数据；

在热力图图层上，渲染显示所述热力图数据。

20.一种数据的展示系统，其特征在于，包括：

服务器，用于采集待操作页面的页面结构的至少一埋点数据；

客户端，用于至少利用所述埋点数据构建页面结构信息，其中，所述页面结构信息用于表示所述待操作页面的页面结构；在所述页面结构信息中，标识出页面数据集，其中，所述页面数据集包括所述埋点数据；从所述页面数据集中选取目标埋点数据；展示所述目标埋点数据的数据内容。

21.一种电子设备，其特征在于，包括：

存储器，存储有可执行程序；

处理器，用于运行所述程序，其中，所述程序运行时执行权利要求1至19中任意一项所述的方法。

22.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行权利要求1至19中任意一项所述的方法。

23.一种计算机程序产品，其特征在于，包括计算机指令，该计算机指令被处理器执行时实现权利要求1至19中任意一项所述的方法。