一种页面数据校验方法及装置与流程

1.本技术涉及页面数据处理技术，尤其涉及一种页面数据校验方法及装置。


背景技术：

2.随着业务的发展，数据治理的需求日益增加。通过数据治理，能够快速获取业务的数据表现、及时更改业务策略，提高用户转化率。作为数据治理链路中的第一环，数据采集是重要的组成部分。而现有技术中，测试页面在接入上报采集软件开发套件后，开发、测试和数据产品人员往往需要等数据落地后才能对数据进行校验，以验证数据的正确性，但因为数据链条较长，导致采集上报的页面数据不够直观，不能对采集上报的页面数据进行实时校验，无法满足准确、快速且不影响业务地上报和校验页面数据的要求。
3.因此，相关技术中缺乏对页面数据进行快速测试的有效方案。


技术实现要素：

4.本技术实施例提供一种页面数据校验方法、装置、电子设备及计算机可读存储介质，能够提升页面测试效率。
5.本技术实施例的技术方案是这样实现的：
6.本技术实施例提供一种页面数据校验方法，应用于服务器，包括：
7.接收第一终端在显示待测试页面时发送的连接请求，基于所述第一终端的连接标识建立与所述第一终端之间的连接；通过与所述第一终端之间的连接，接收所述第一终端发送的所述待测试页面的页面数据；将所述连接标识和所述页面数据发送至第二终端，以使所述第二终端在数据校验页面中显示与所述连接标识关联的所述页面数据；将校验规则发送至所述第二终端，以使所述第二终端在所述数据校验页面中显示基于所述校验规则对所述页面数据的校验结果。
8.本技术实施例提供一种页面数据校验装置，设置于服务器，包括：
9.连接模块，用于接收第一终端在显示待测试页面时发送的连接请求，基于所述第一终端的连接标识建立与所述第一终端之间的连接；接收模块，用于通过与所述第一终端之间的连接，接收所述第一终端发送的所述待测试页面的页面数据；第一发送模块，用于将所述连接标识和所述页面数据发送至第二终端，以使所述第二终端在数据校验页面中显示与所述连接标识关联的所述页面数据；第二发送模块，用于将校验规则发送至所述第二终端，以使所述第二终端在所述数据校验页面中显示基于所述校验规则对所述页面数据的校验结果。
10.在上述方案中，所述连接模块，还用于当首次接收到所述第一终端发送的所述连接请求时，为所述第一终端生成连接标识；在接收到所述第一终端的连接请求之前为所述第一终端生成的历史连接标识已经失效时，为所述第一终端生成新的连接标识；其中，所述连接标识用于建立与所述第一终端之间的所述连接。
11.在上述方案中，所述连接模块，还用于接收所述第二终端发送的所述待测试页面
的地址，所述待测试页面的地址是所述第二终端在显示的配置页面中获取的；基于所述待测试页面的地址，生成所述待测试页面对应的图形码，将所述图形码发送至所述第二终端进行显示，所述图形码用于供所述第一终端扫描以显示所述待测试页面，并发送所述连接请求。
12.在上述方案中，所述接收模块，还用于将第一终端发送的页面数据与所述第一终端的连接标识进行关联，并存储到数据库中；接收所述第二终端发送的页面数据请求；其中，所述第二终端发送的页面数据请求是当所述第二终端的配置页面中被输入所述第一终端的连接标识时发送的，或者，是当所述第二终端在设备列表中显示的所述第一终端的连接标识被触发时发送的，其中，所述设备列表包括多个终端的连接标识；从所述数据库查询与所述第一终端的连接标识关联的所述页面数据。
13.在上述方案中，所述连接标识是通过调用连接标识服务生成的；所述连接模块，还用于获取连接状态信息，并将所述连接状态信息同步至所述连接标识服务中；其中，所述连接状态信息包括与服务器进行过连接的终端的连接标识、连接时间以及页面类型；通过所述连接标识服务，基于所述连接状态信息生成设备列表，并将所述设备列表发送至所述第二终端，以使所述第二终端在所述配置页面中显示所述设备列表。
14.在上述方案中，所述页面数据包括页面埋点数据、页面结构数据和页面操作数据中的一种或多种；所述页面数据用于供所述第二终端执行以下操作：当所述页面数据包括所述页面埋点数据时，在所述数据校验页面的参数面板区域中显示所述页面埋点数据；当所述页面数据包括所述页面埋点数据和所述页面结构数据时，将所述页面埋点数据和所述页面结构数据进行匹配处理，将所述匹配处理的结果显示在所述数据校验页面的埋点分布区域中；其中，所述埋点分布区域与所述待测试页面结构对应，且显示有已进行数据埋点的模块；当所述页面数据包括所述页面操作数据时，在所述数据校验页面的上报流水展示区域显示所述页面操作数据，其中，所述页面操作数据是按照接收时间进行排列的。
15.在上述方案中，所述将校验规则用于供所述第二终端执行以下操作：根据所述校验规则对页面操作数据进行校验，得到错误的页面操作数据，并在所述数据校验页面的上报流水展示区域中标识所述错误的页面操作数据。
16.在上述方案中，所述校验规则用于供所述第二终端执行以下操作：当所述数据校验页面的上报流水展示区域中的所述错误的页面操作数据被选择时，根据所述错误的页面操作数据，确定与所述错误的页面操作数据相关的页面埋点数据；根据所述校验规则对所述页面埋点数据进行校验，确定导致所述错误的页面操作数据的页面埋点数据中的错误参数；在所述数据校验页面的参数面板区域中标识所述错误参数，并显示所述错误参数所违反的校验规则。
17.在上述方案中，所述校验规则用于供所述第二终端执行以下操作：当所述数据校验页面的上报流水展示区域中的所述错误的页面操作数据被选择时，根据所述校验规则对所述页面埋点数据进行校验，以确定在所述数据校验页面的埋点分布区域中导致所述错误的页面操作数据的埋点模块；在所述数据校验页面的埋点分布区域中标识所述错误的页面操作数据对应的埋点模块。
18.本技术实施例提供一种页面数据校验方法，应用于第二终端，包括：
19.接收服务器发送的与第一终端的连接标识关联的页面数据，在所述第二终端的数
据校验页面中显示所述页面数据；其中，所述页面数据是当所述第一终端在显示待测试页面时由所述第一终端发送至所述服务器的，且是基于所述连接标识建立的连接而发送的；接收所述服务器发送的校验规则，在所述数据校验页面中显示基于所述校验规则对所述页面数据的校验结果。
20.本技术实施例提供一种页面数据校验装置，设置于第二终端，包括：
21.第一显示模块，用于接收服务器发送的与第一终端的连接标识关联的页面数据，在所述第二终端的数据校验页面中显示所述页面数据；其中，所述页面数据是当所述第一终端在显示待测试页面时由所述第一终端发送至所述服务器的，且是基于所述连接标识建立的连接而发送的；第二显示模块，用于接收所述服务器发送的校验规则，在所述数据校验页面中显示基于所述校验规则对所述页面数据的校验结果。
22.在上述方案中，所述第一显示模块，还用于显示配置页面；获取在所述配置页面中输入的所述待测试页面的地址，并发送至所述服务器，以使所述服务器生成所述待测试页面对应的图形码；接收所述服务器发送的所述图形码并在所述配置页面中进行显示，所述图形码用于供所述第一终端扫描以显示所述待测试页面，并发送连接请求。
23.在上述方案中，所述第一显示模块，还用于当接收到在配置页面中输入的所述第一终端的连接标识时，向所述服务器发送页面数据请求；当配置页面中显示有包括多个终端的连接标识的设备列表、且所述设备列表中的所述第一终端的连接标识被触发时，向所述服务器发送页面数据请求；其中，所述页面数据请求用于请求所述页面数据。
24.在上述方案中，所述页面数据包括页面埋点数据、页面结构数据和页面操作数据中的一种或多种；所述第一显示模块，还用于当所述页面数据包括所述页面埋点数据时，在所述数据校验页面的参数面板区域中显示所述页面埋点数据；当所述页面数据包括所述页面埋点数据和所述页面结构数据时，将所述页面埋点数据和所述页面结构数据进行匹配处理，将所述匹配处理的结果显示在所述数据校验页面的埋点分布区域中；其中，所述埋点分布区域与所述待测试页面结构对应，且显示有已进行数据埋点的模块；当所述页面数据包括所述页面操作数据时，在所述数据校验页面的上报流水展示区域显示所述页面操作数据，其中，所述页面操作数据是按照接收时间进行排列的。
25.在上述方案中，所述第二显示模块，还用于根据所述校验规则对页面操作数据进行校验，得到错误的页面操作数据，并在所述数据校验页面的上报流水展示区域中标识所述错误的页面操作数据。
26.在上述方案中，所述第二显示模块，还用于当所述数据校验页面的上报流水展示区域中的所述错误的页面操作数据被选择时，根据所述错误的页面操作数据，确定与所述错误的页面操作数据相关的页面埋点数据；根据所述校验规则对所述页面埋点数据进行校验，确定导致所述错误的页面操作数据的页面埋点数据中的错误参数；在所述数据校验页面的参数面板区域中标识所述错误参数，并显示所述错误参数所违反的校验规则。
27.在上述方案中，所述第二显示模块，还用于当所述数据校验页面的上报流水展示区域中的所述错误的页面操作数据被选择时，根据所述校验规则对所述页面埋点数据进行校验，以确定在所述数据校验页面的埋点分布区域中导致所述错误的页面操作数据的埋点模块；在所述数据校验页面的埋点分布区域中标识所述错误的页面操作数据对应的埋点模块。
28.本技术实施例提供一种电子设备，包括：
29.存储器，用于存储可执行指令；
30.处理器，用于执行所述存储器中存储的可执行指令时，实现本技术实施例提供的页面数据校验方法。
31.本技术实施例提供一种计算机可读存储介质，存储有可执行指令，用于被处理器执行时，实现本技术实施例提供的页面数据校验方法。
32.本技术实施例具有以下有益效果：
33.通过服务器将第一终端在显示待测试页面时的页面数据实时地显示在第二终端的数据校验页面中，实现页面数据的及时地可视化投射；通过将校验规则发送至第二终端，以使第二终端在数据校验页面中显示基于校验规则对页面数据的校验结果，使得第二终端能够通过获取服务器的校验规则实现快速校验，查看第一终端中页面数据的校验结果，提升了页面的开发和测试效率。
附图说明
34.图1是本技术实施例提供的页面数据校验系统100的一个架构示意图；
35.图2a是本技术实施例提供的服务器200的结构示意图；
36.图2b是本技术实施例提供的第二终端400的结构示意图；
37.图3a是本技术实施例提供的页面数据校验方法的一个流程示意图；
38.图3b是本技术实施例提供的页面数据校验方法的一个流程示意图；
39.图3c是本技术实施例提供的页面数据校验方法的一个流程示意图；
40.图4是本技术实施例提供的配置页面的示意图；
41.图5是本技术实施例提供的数据校验页面的埋点分布区域的示意图；
42.图6是本技术实施例提供的数据校验页面的上报流水展示区域的示意图；
43.图7是本技术实施例提供的数据校验页面的参数面板区域；
44.图8是本技术实施例提供的包括上报流水展示区域、埋点分布区域和参数面板区域的数据校验页面；
45.图9是本技术实施例提供的基于区块链网络的页面数据校验系统100的架构示意图；
46.图10是本技术实施例提供的区块结构(block structure)的一个示意图；
47.图11是本技术实施例提供的页面数据校验方法的一个流程示意图；
48.图12是本技术实施例提供的页面数据校验方法的一个流程示意图；
49.图13是本技术实施例提供的页面数据校验方法的一个流程示意图；
50.图14是本技术实施例提供的目标页面的示意图。
具体实施方式
51.为了使本技术的目的、技术方案和优点更加清楚，下面将结合附图对本技术作进一步地详细描述，所描述的实施例不应视为对本技术的限制，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本技术保护的范围。
52.在以下的描述中，涉及到“一些实施例”，其描述了所有可能实施例的子集，但是可
以理解，“一些实施例”可以是所有可能实施例的相同子集或不同子集，并且可以在不冲突的情况下相互结合。
53.在以下的描述中，所涉及的术语“第一\第二\第三”仅仅是是区别类似的对象，不代表针对对象的特定排序，可以理解地，“第一\第二\第三”在允许的情况下可以互换特定的顺序或先后次序，以使这里描述的本技术实施例能够以除了在这里图示或描述的以外的顺序实施。
54.除非另有定义，本文所使用的所有的技术和科学术语与属于本技术的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本技术实施例的目的，不是旨在限制本技术。
55.对本技术实施例进行进一步详细说明之前，对本技术实施例中涉及的名词和术语进行说明，本技术实施例中涉及的名词和术语适用于如下的解释。
56.1)数据埋点：为了采集页面的相关数据，例如页面浏览量或点击量(pv，page view)、访客访问的次数(vv，visit view)等，针对用户行为或事件进行捕获、处理和发送的相关技术及其实施过程。
57.2)软件开发套件(sdk，software development kit)，一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。
58.3)h5页面，是采用html5前端技术设计的页面，可以理解为移动端网页。
59.4)移动应用(app)页面，是应用程序的移动客户端的页面。
60.5)网络(web)页面，就是网络页面，包括文字、图像等元素构成的网页。
61.6)网络套接字服务器(websocket server)，是用于提供websocket服务的服务器，websocket是一种在单个tcp连接上进行全双工通信的协议。
62.7)远程字典服务(redis，remote dictionary server)，是一个开源的使用ansic语言编写、支持网络、可基于内存亦可持久化的日志型、key-value数据库，并提供多种语言的api。
63.相关技术中，对于web/h5或app页面，需要在数据落地后才能对上报的业务数据进行校验工作，举例来说，先让软件开发人员在该待测试页面进行数据埋点，经过简单测试后上线，数据产品运维人员才能获取待测试页面的业务数据(例如pv，vv，曝光点击率等)；而对待测试页面上报的业务数据进行校验，则往往需要数据产品运维人员等业务数据落到数据库后才能通过校验业务数据、跟进业务数据聚合分析，从而验证业务数据的正确性，而在数据量很大的情况下这种方式会导致定位问题(例如，是否已经上报、数据是否缺失等问题)的时间周期非常长，无法满足准确、快速且不影响业务地上报和校验页面数据的要求。
64.针对上述技术问题，本技术实施例提供一种页面数据校验方法、装置、电子设备和计算机可读存储介质，能够快速校验页面数据，下面说明本技术实施例提供的页面数据校验方法的示例性应用，本技术实施例提供的页面数据校验方法可以由各种电子设备实施，例如可以实施为智能手机、平板电脑、台式计算机等各种类型的终端，也可以实施为服务器。
65.下面，说明服务器实施本技术实施例提供的页面数据校验方法的一个示例性的应用系统架构，参见图1，图1是本技术实施例提供的页面数据校验系统100的一个架构示意图，其中，页面数据校验系统100包括：服务器200、第一终端300和第二终端400。第一终端
300和第二终端400通过网络连接服务器200，网络可以是广域网或者局域网，又或者是二者的组合。
66.在一些实施例中，第二终端400显示配置页面，将开发人员输入的待测试页面的地址发送至服务器200；服务器200基于待测试页面的地址，生成待测试页面对应的图形码，并发送至第二终端400进行显示；第一终端300扫描第二终端400显示的图形码，显示待测试页面，由于待测试页面中植入了用于连接和上报页面数据的sdk，在第一终端300显示待测试页面时，sdk会启动连接功能向服务器200发送连接请求，服务器200基于第一终端300的连接标识建立与第一终端300的连接，建立连接后，第一终端300将待测试页面的页面数据发送至服务器200，同时，服务器200获取连接状态信息，并将连接状态信息同步至在服务器中运行的连接标识服务中；基于连接状态信息生成设备列表，并将设备列表发送至第二终端400，以使第二终端400在配置页面中显示；当第二终端400的配置页面中被输入第一终端300的连接标识时，或者，是当第二终端400在设备列表中显示的第一终端300的连接标识被触发时，第二终端400显示数据校验页面，并在数据校验页面中显示与第一终端300的连接标识关联的页面数据；第二终端400向服务器200获取校验规则，以在数据校验页面中显示基于校验规则对页面数据的校验结果。
67.在一些实施例中，服务器200可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，例如，连接标识服务可以是独立于服务器200的其他服务器运行的，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、cdn、以及大数据和人工智能平台等基础云计算服务的云服务器。第一终端、第二终端和服务器可以通过有线或无线通信方式进行直接或间接地连接，本技术实施例中不做限制。
68.接下来，说明本技术实施例提供的用于实施页面数据校验方法的终端和服务器的结构。如前所述，本技术实施例提供的电子设备可以是图1中的服务器200。参见图2a，图2a是本技术实施例提供的服务器200的结构示意图，图2a所示的服务器200包括：至少一个处理器210、存储器250、至少一个网络接口220。服务器200中的各个组件通过总线系统240耦合在一起。可理解，总线系统240用于实现这些组件之间的连接通信。总线系统240除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见，在图2a中将各种总线都标为总线系统240。
69.处理器210可以是一种集成电路芯片，具有信号的处理能力，例如通用处理器、数字信号处理器(dsp，digital signal processor)，或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等，其中，通用处理器可以是微处理器或者任何常规的处理器等。
70.存储器250可以是可移除的，不可移除的或其组合。示例性的硬件设备包括固态存储器，硬盘驱动器，光盘驱动器等。存储器250可选地包括在物理位置上远离处理器210的一个或多个存储设备。
71.存储器250包括易失性存储器或非易失性存储器，也可包括易失性和非易失性存储器两者。非易失性存储器可以是只读存储器(rom，read only memory)，易失性存储器可以是随机存取存储器(ram，random access memory)。本技术实施例描述的存储器250旨在包括任意适合类型的存储器。
72.在一些实施例中，存储器250能够存储数据以支持各种操作，这些数据的示例包括程序、模块和数据结构或者其子集或超集，下面示例性说明。
73.操作系统251，包括用于处理各种基本系统服务和执行硬件相关任务的系统程序，例如框架层、核心库层、驱动层等，用于实现各种基础业务以及处理基于硬件的任务；
74.网络通信模块252，用于经由一个或多个(有线或无线)网络接口220到达其他计算设备，示例性的网络接口220包括：蓝牙、无线相容性认证(wifi)、和通用串行总线(usb，universal serial bus)等；
75.在一些实施例中，本技术实施例提供的页面数据校验装置可以采用软件方式实现，图2a示出了存储在存储器250中的页面数据校验装置255，其可以是程序和插件等形式的软件，包括以下软件模块：连接模块2551、接收模块2552、第一发送模块2553和第二发送模块2554，这些模块是逻辑上的，因此根据所实现的功能可以进行任意的组合或进一步拆分。将在下文中说明各个模块的功能。
76.如前所述，本技术实施例提供的电子设备也可以是图1中的第二终端400。参见图2b，图2b是本技术实施例提供的第二终端400的结构示意图，图2所示的第二终端400包括：至少一个处理器410、存储器450、至少一个网络接口420和用户接口430。第二终端400中的各个组件通过总线系统440耦合在一起。可理解，总线系统440用于实现这些组件之间的连接通信。总线系统440除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见，在图2中将各种总线都标为总线系统440。
77.处理器410，与上文中处理器210相同，可参考上文说明。
78.用户接口430包括使得能够呈现媒体内容的一个或多个输出装置431，包括一个或多个扬声器和/或一个或多个视觉显示屏。用户接口430还包括一个或多个输入装置432，包括有助于用户输入的用户接口部件，比如键盘、鼠标、麦克风、触屏显示屏、摄像头、其他输入按钮和控件。
79.存储器450，与上文中存储器250相同，可参考上文说明。
80.在一些实施例中，存储器450能够存储数据以支持各种操作，这些数据的示例包括程序、模块和数据结构或者其子集或超集，下面示例性说明。其中，操作系统451、网络通信模块452、呈现模块453，参考上文说明。
81.输入处理模块454，用于对一个或多个来自一个或多个输入装置432之一的一个或多个用户输入或互动进行检测以及翻译所检测的输入或互动。
82.在一些实施例中，本技术实施例提供的页面数据校验装置可以采用软件方式实现，图2b示出了存储在存储器450中的页面数据校验装置455，其可以是程序和插件等形式的软件，包括以下软件模块：第一显示模块4551、第二显示模块4552，这些模块是逻辑上的，因此根据所实现的功能可以进行任意的组合或进一步拆分。将在下文中说明各个模块的功能。
83.下面，以由图1中的第一终端300、第二终端400和服务器200协同执行本技术实施例提供的页面数据校验方法为例说明。参见图3a，图3a是本技术实施例提供的页面数据校验方法的一个流程示意图，将结合图3a示出的步骤进行说明。
84.在步骤101中，第二终端显示配置页面；获取在配置页面中输入的待测试页面的地址，并发送至服务器。
85.在一些实施例中，参见图4，图4是本技术实施例提供的配置页面的示意图。其中，401是供开发人员输入的待测试页面的地址的输入控件。这里的输入控件可以是按钮控件、文本字段控件、选择类控件等。
86.需要说明的是，待测试页面包括但并不限于app页面、h5/web页面、电脑(pc，personal computer)客户端页面等。作为示例，待测试页面可以是手机(第一终端)中的app页面，通过手机中的扫描功能对第二终端的配置页面上图形码进行扫描，以在手机中显示待测试页面。作为另一些示例，待测试页面也可以是pc端页面，pc端(第一终端)对第二终端的配置页面上图形码的扫描，可以通过pc端外接扫描设备来实现，例如，扫描设备可以是扫描枪。
87.在步骤102中，服务器基于待测试页面的地址，生成待测试页面对应的图形码。
88.需要说明的是，图形码是对输入的待测试页面的地址的编码方式，是实现第一终端打开待测试页面的一种方式，例如，服务器可以将待测试页面的地址编码成二维码，供第一终端扫描。
89.在本技术实施例中，服务器将待测试页面的地址转化成图形码，使得第一终端的开发人员能够通过扫描图形码快速打开待测试页面，简化了开发人员的操作。
90.在步骤103中，第二终端接收服务器发送的图形码并在配置页面中进行显示。
91.在一些实施例中，参见图4，402是显示的图形码。这里的图形码可以是二维码、条形码等，用于供第一终端扫描，以在第一终端待测试页面并发送与服务器的连接请求。
92.在一些实施例中，第二终端可以存储输入过的待测试页面的地址及生成的图形码，在第二终端的配置页面显示历史输入的待测试页面地址，当开发人员选择历史输入的待测试页面时，直接显示存储的历史输入的待测试页面对应的图形码。
93.在本技术实施例中，节省了服务器根据待测试页面地址重复生成图形码的时间，减少了服务器的操作，提高了服务器的处理效率。
94.在步骤104中，第一终端扫描图形码以显示待测试页面，并向服务器发送连接请求。
95.需要说明的是，第一终端与服务器之间的连接可以是由待测试页面中植入的sdk实现，即第一终端打开待测试页面后通过sdk启动连接功能，发送与服务器的连接请求。待测试页面的连接、数据上报的功能均可以由待测试页面中植入的sdk实现。
96.在步骤105中，服务器基于第一终端的连接标识建立与第一终端之间的连接。
97.在一些实施例中，基于第一终端的连接标识建立的与第一终端之间的连接是长连接，例如，服务器可以是websocket server，即通过websocket server建立长连接。需要说明的是，基于第一终端的连接标识建立与第一终端之间的连接是指，与第一终端的连接是以连接标识来标识的，并为通过连接接收的页面数据添加连接标识以区别于其他终端的待测试页面的页面数据。
98.在一些示例中，服务器首次接收第一终端在显示待测试页面时发送的连接请求时，连接请求中携带终端标识，即第一终端的标识，服务器基于第一终端的标识为第一终端生成连接标识，以用于建立与第一终端之间的连接，并将第一终端的标识和连接标识形成数据结构，存储在数据库中。后续，服务器在接收到第一终端发送的连接请求时，根据连接请求中携带的第一终端的标识，在数据库中查找与第一终端的标识对应的连接标识，基于
查找到的连接标识建立与第一终端之间的连接。
99.在步骤106中，服务器通过与第一终端之间的连接，接收第一终端发送的待测试页面的页面数据，将连接标识和页面数据发送至第二终端。
100.在一些实施例中，服务器通过与第一终端之间的长连接，接收第一终端发送的待测试页面的页面数据，将连接标识和页面数据发送至第二终端。服务器通过连接标识维护每个待测试页面上报的页面数据；这里的连接标识用于标识发送的页面数据来自第一终端的页面数据，以区别于其他终端的待测试页面的页面数据。
101.在本技术实施例中，服务器是通过与第一终端之间的长连接接收第一终端的页面数据，不需要经常建立及关闭该连接，减少了服务器的处理器的使用、网络的堵塞和后续的响应时间。
102.在步骤107中，第二终端接收服务器发送的与第一终端的连接标识关联的页面数据，在数据校验页面中显示页面数据。
103.在一些实施例中，页面数据包括页面埋点数据、页面结构数据和页面操作数据中的一种或多种。参见图3b，图3b是本技术实施例提供的页面数据校验方法的一个流程示意图，示出了图3a中的步骤107，还可以通过执行步骤1071至步骤1073来实现，将结合各步骤进行说明。
104.在步骤1071中，当页面数据包括页面埋点数据和页面结构数据时，第二终端将页面埋点数据和页面结构数据进行匹配处理，将匹配处理的结果显示在数据校验页面的埋点分布区域中。其中，埋点分布区域与待测试页面的结构对应，且显示有已进行数据埋点的模块。
105.在一些实施例中，页面埋点数据是指用于采集上报页面操作数据，对待测试页面进行埋点操作的代码数据。第二终端将页面埋点数据和页面结构数据进行匹配处理，将匹配处理的结果显示在数据校验页面的埋点分布区域中，可以通过以下方式实现：第二终端根据页面结构数据进行页面渲染，生成与待测试页面的结构对应的页面，这个与待测试页面的结构对应的页面包括待测试页面的所有页面模块；第二终端根据页面埋点数据对这个与待测试页面的结构对应的页面的页面模块的页面元素进行数据埋点操作，得到经过数据埋点操作后的页面；将经过数据埋点操作后的页面与待测试页面的结构对应的页面进行匹配，得到经过匹配后的页面，第二终端在数据校验页面的埋点分布区域中显示这个经过匹配后的页面，这个经过匹配后的页面显示了已进行数据埋点操作的模块，以及标识了未进行数据埋点操作的模块，并将通过页面埋点数据采集的页面操作数据以可视化的方式叠加在页面模块中。
106.举例来说，参见图5，图5是本技术实施例提供的数据校验页面的埋点分布区域的示意图。其中，501是未进行数据埋点操作的模块，502是已进行数据埋点操作的模块，503是通过页面埋点数据采集的页面操作数据的可视化模块。其中，点指的是点击，曝指的是曝光，反指的是反曝光，poster指的是关键词带封面。
107.在一些实施例中，数据校验页面的埋点分布区域是对待测试页面进行动态同步的页面。数据校验页面的埋点分布区域能够同步更新待测试页面的页面结构数据，比如，对待测试页面进行滑动后得到的页面结构数据、对待测试页面进行切换后得到的页面结构数据。例如，当第一终端从显示待测试页面切换到显示第二待测试页面时，更新第二待测试页
面的页面结构数据发送给第二终端；以使在第二终端的数据校验页面的埋点分布区域能够动态同步第一终端中的待测试页面。
108.在本技术实施例中，通过数据校验页面的埋点分布区域可视化地显示待测试页面中哪些模块没有进行埋点操作，能够快速直观地定位未进行数据埋点操作的模块。
109.在步骤1072中，当页面数据包括页面操作数据时，第二终端在数据校验页面的上报流水展示区域显示页面操作数据。其中，页面操作数据是按照接收时间进行排列的。
110.在一些实施例中，页面操作数据包括对待测试页面的点击、待测试页面的曝光、待测试页面的反曝光等。第二终端实时接收服务器发送的页面操作数据，页面操作数据是当第一终端在显示待测试页面时由第一终端实时发送至服务器的。将接收的页面操作数据按照接收时间的降序或升序显示在数据校验页面的上报流水展示区域。
111.在一些示例中，数据校验页面的上报流水展示区域支持自定义显示上报的页面操作数据，在输入控件中选择某一自定义类型时，上报流水展示区域中只显示属于自定义类型的页面操作数据。例如，自定义类型可以是元素曝光、点击等。
112.举例来说，参见图6，图6是本技术实施例提供的数据校验页面的上报流水展示区域的示意图。其中，601是上报流水展示区域中的自定义类型的选择类器控件，602是某一条页面操作数据，页面操作数据的内容包括该页面操作数据的序号、页面操作数据属于的类型、页面操作数据上报的时间，603是上报流水展示区域中的自定义类型的切换控件。例如，自定义类型还可以包括仅显示错误，通过打开仅显示错误在上报流水展示区域只显示错误的页面操作数据，例如，通过开启切换控件603来实现。
113.在本技术实施例中，通过数据校验页面的上报流水展示区域可视化地显示待测试页面上报的页面操作数据的类型和时间，能够快速直观地查看上报的每一条页面操作数据。
114.在步骤1073中，当页面数据包括页面埋点数据时，第二终端在数据校验页面的参数面板区域中显示页面埋点数据。
115.在一些实施例中，第二终端获取到页面埋点数据后，除了在数据校验页面的埋点分布区域显示页面数据外，还会在数据校验页面的参数面板区域中显示页面埋点数据，以供后续进行校验处理后，显示页面埋点数据中的错误以及违反的校验规则。例如，参见图7，图7是本技术实施例提供的数据校验页面的参数面板区域。
116.在本技术实施例中，通过数据校验页面的参数面板区域可视化地显示待测试页面的页面埋点数据，以供后续校验处理时能够快速直观地查看页面埋点数据中的错误参数。
117.在步骤108中，服务器将校验规则发送至第二终端。
118.在一些实施例中，在第二终端请求页面数据时，第二页面会向服务器请求获取校验规则，服务器将校验规则发送至第二终端，以供第二终端对页面数据进行校验。
119.在步骤109中，第二终端接收服务器发送的校验规则，在数据校验页面中显示基于校验规则对页面数据的校验结果。
120.在一些实施例中，在数据校验页面中显示基于校验规则对页面数据的校验结果，可以通过以下方式实现：根据校验规则对页面操作数据进行校验，得到错误的页面操作数据，并在数据校验页面的上报流水展示区域中标识错误的页面操作数据。
121.在一些示例中，参见图3c，图3c是本技术实施例提供的页面数据校验方法的一个
流程示意图，示出了3a中的步骤109，还可以通过执行步骤1091至步骤1093来实现，将结合各步骤进行说明。
122.在步骤1091中，当数据校验页面的上报流水展示区域中的错误的页面操作数据被选择时，第二终端根据错误的页面操作数据，确定与错误的页面操作数据相关的页面埋点数据。
123.作为示例，参见图8，图8是本技术实施例提供的包括上报流水展示区域、埋点分布区域和参数面板区域的数据校验页面。其中，801是错误的页面操作数据的标识符号，805是错误的页面操作数据，803是页面埋点数据的相关参数，当数据校验页面的上报流水展示区域中的错误的页面操作数据805被选择时，第二终端根据错误的页面操作数据805，确定与错误的页面操作数据相关的页面埋点数据，并在参数面板区域显示，例如图8所示出的803，即页面埋点数据中对这个错误的页面操作数据进行上报的相关参数。
124.在步骤1092中，第二终端根据校验规则对与错误的页面操作数据相关的页面埋点数据进行校验，确定导致错误的页面操作数据的页面埋点数据中的错误参数。
125.作为示例，参见图8，804是导致错误的页面操作数据805的页面埋点数据中的错误参数。根据从服务器获取的校验规则对与错误的页面操作数据相关的页面埋点数据进行校验，确定导致错误的页面操作数据的页面埋点数据中的错误参数804。
126.在步骤1093中，第二终端在数据校验页面的参数面板区域中标识页面埋点数据中的错误参数，并显示页面埋点数据中的错误参数所违反的校验规则。
127.作为示例，参见图8，802是参数信息的校验结果。第二终端根据校验规则对与错误的页面操作数据相关的页面埋点数据进行校验，确定错误参数(违反校验规则的页面埋点数据，即错误的页面埋点数据)后，会将错误参数804进行标识，例如，用红色标记804，并在参数信息的校验结果802中显示这个错误参数和显示错误参数所违反的校验规则。
128.在本技术实施例中，通过数据校验页面中的三个功能区域(上报流水展示区域、埋点分布区域和参数面板区域)可视化地显示对待测试页面的页面数据的校验结果，能够直观实时地查看页面数据的校验结果，并快速精准地定位导致错误的页面数据中的错误参数，给出相应的解决措施。在参数面板区域中标识了页面埋点数据中的错误参数，方便直观地查看错误参数在页面埋点数据的上下文中是否存在关联错误；在参数面板区域中显示页面埋点数据中的错误参数所违反的校验规则，便于开发人员根据显示所违反的校验规则进行相应的修改措施。
129.在一些实施例中，当数据校验页面的上报流水展示区域中的错误的页面操作数据被选择时，根据校验规则对页面埋点数据进行校验，以确定在数据校验页面的埋点分布区域中导致错误的页面操作数据的埋点模块；在数据校验页面的埋点分布区域中标识错误的页面操作数据对应的埋点模块。
130.作为示例，如果是由于没有对待测试页面中的数据进行埋点操作所造成的805出现错误，在数据校验页面的上报流水展示区域中的错误的页面操作数据被选择时，数据校验页面的埋点分布区域中会标识错误的页面操作数据对应的埋点模块。参见图8，806是导致错误的页面操作数据的埋点模块，即未进行数据埋点的模块。当错误的页面操作数据805被选择时，806会被标识。
131.在本技术实施例中，通过数据校验页面中的上报流水展示区域与埋点分布区域的
联动，能够快速精准地定位导致错误的页面数据的埋点模块(由于缺失埋点模块导致错误的页面数据)，以快速精准地定位导致错误的页面数据的原因。在埋点分布区域中标识导致错误的页面数据的埋点模块，能够直观地供开发人员知晓待测试页面中缺失数据埋点的模块。
132.在一些实施例中，当服务器首次接收到第一终端发送的连接请求时，服务器为第一终端生成连接标识；在接收到第一终端的连接请求之前服务器为第一终端生成的历史连接标识已经失效时，服务器为第一终端生成新的连接标识；其中，连接标识用于建立与第一终端之间的连接。
133.在一些示例中，服务器为第一终端生成新的连接标识是为了标识第一终端，以区别于其他终端，当服务器为多个终端生成了相对应的连接标识时，可以将第一终端与连接标识的对应关系存储在数据库中。确定在接收到第一终端的连接请求之前服务器为第一终端生成的历史连接标识已经失效，可以通过以下方式来实现，在数据库中查看与第一终端对应的历史连接标识，当历史连接标识的未使用时长(从最后一次使用时间至查看时的当前时间的间隔时间)超过时长阈值时，确定该历史连接标识已经失效。
134.在本技术实施例中，通过连接标识的过期机制，在保证用连接标识对第一终端的待测试页面的页面数据其标识作用的同时，将长期没有上传数据的第一终端的连接标识作为失效，节约服务器的存储空间。
135.在一些实施例中，由于第一终端发送的待测试页面的页面数据和第二终端中在数据校验页面显示页面数据的时机难以同步，因此，服务器会向数据库存储接收的页面数据。即，可以通过以下方式实现，服务器将第一终端发送的页面数据与第一终端的连接标识进行关联，并存储到数据库中；接收第二终端发送的页面数据请求；其中，第二终端发送的页面数据请求是当第二终端的配置页面中被输入第一终端的连接标识并触发在数据校验页面中查看页面数据时发送的，或者，是当第二终端在设备列表中显示的第一终端的连接标识被触发时发送的，其中，设备列表包括多个终端的连接标识；从数据库查询与第一终端的连接标识关联的页面数据。
136.在一些示例中，第二终端发送的页面数据请求可以通过以下方式实现：当第二终端接收到在配置页面中输入的第一终端的连接标识时，向服务器发送页面数据请求；当在配置页面中显示有包括多个终端的连接标识的设备列表、且设备列表中的第一终端的连接标识被触发时，向服务器发送页面数据请求；其中，页面数据请求用于请求页面数据。
137.在一些示例中，服务器将第一终端发送的页面数据与第一终端的连接标识进行关联并存储到数据库中，可以通过以下方式实现：服务器接收到第一终端发送的页面数据时，将该页面数据以及服务器为第一终端生成的连接标识形成结构数据存储至数据库中。在数据校验页面还没有连接时，页面数据存储在数据库中，因此，不会丢失数据。当接收到页面数据请求时，服务器能够从数据库查询与第一终端的连接标识关联的页面数据，以在数据校验页面显示该页面数据。
138.需要说明的是，输入第一终端的连接标识并触发在数据校验页面中查看页面数据，或触发第二终端在设备列表中显示的第一终端的连接标识，用于显示数据校验页面，并在数据校验页面中显示页面数据。
139.举例来说，参见图4，403是用于输入连接标识的文本字段控件，404是用于查看页
面数据的按钮控件，405是设备列表的选择类控件。页面数据请求可以通过在文本字段控件输入连接标识并点击按钮控件404时发送至服务器；也可以通过选择设备列表中显示的第一终端的连接标识时发送至服务器，以获取服务器发送的页面数据，从而在第二终端显示数据校验页面，并在数据校验页面中显示页面数据。
140.在本技术实施例中，将待测试页面的页面数据推送到数据校验页面时，会页面数据暂存到数据库，以保证数据校验页面还没有连接时，待测试页面推送的数据不会丢失。
141.在一些实施例中，连接标识是通过调用连接标识服务生成的；在基于第一终端的连接标识建立与第一终端之间的连接之后，还可以执行以下操作：获取连接状态信息，并将连接状态信息同步至连接标识服务中；其中，连接状态信息包括与服务器进行过连接的终端的连接标识、连接时间以及页面类型；通过连接标识服务，基于连接状态信息生成设备列表，并将设备列表发送至第二终端，以使第二终端在配置页面中显示设备列表。
142.在一些示例中，设备列表中可以显示多个连接标识，每个连接标识对应一个终端的待测试页面，设备列表中可以显示曾经打开过的待测试页面地址，打开待测试页面的时间、待测试页面的类型。参见图4，406是曾经打开过的待测试页面地址，407是打开的页面类型，即h5页面，408是打开待测试页面的时间。
143.在本技术实施例中，通过连接标识服务，将连接状态同步至数据校验页面，能够直观且方便地通过配置页面进行第一终端、第二终端与服务器三者之间的连接。
144.在一些实施例中，将待测试页面的页面数据上传至区块链网络的状态数据库中进行存储；调用区块链网络中的智能合约，以使智能合约执行以下处理：从区块链网络的节点维护的区块链中获取页面数据；将页面数据进行共识处理，当共识通过时，将页面数据作为调用结果返回。在本技术实施例中，区块链网络包括服务器，通过节点之间的共识机制，可以保证页面数据的可靠性以及得到的页面数据校验结果的可信性；当然页面数据校验结果也可以上链存储。
145.参见图9，图9是本技术实施例提供的基于区块链网络的页面数据校验系统100的架构示意图，任何机器如图1示出的服务器200、第一终端300和第二终端400都可以加入区块链网络而成为节点，节点包括硬件层、中间层、操作系统层和应用层。图9中示例性地示出了将服务器200映射为区块链网络500的节点500-2、第一终端300映射为区块链网络500的节点500-3，第二终端400映射为区块链网络500的节点500-4，每个节点(例如节点500-2至节点500-4)都具有共识功能和记账(即维护状态数据库，例如kv数据库)的功能。
146.第一终端300将待测试页面的页面数据通过调用智能合约的方式发送至区块链网络的节点500-3中，节点500-3与区块链的其他节点500-2和节点500-4进行共识；共识通过后，节点500-2对待测试页面的页面数据进行上链，存储至区块链中；第二终端400(即节点500-1)发送页面数据请求至服务器200(即节点500-2)，服务器200调用智能合约获取区块链网络中存储的页面数据，发送至将第二终端400，以将页面数据显示在第二终端的数据校验页面中。
147.区块链，包括一系列按照产生的先后时间顺序相互接续的区块(block)，新区块一旦加入到区块链中就不会再被移除，区块中记录了区块链系统中节点提交的记录数据。参见图10，图10是本技术实施例提供的区块结构(block structure)的一个示意图，每个区块中包括本区块存储页面数据和页面数据的哈希值(本区块的哈希值)、以及前一区块的哈希
值，各区块通过哈希值连接形成区块链。另外，区块中还可以包括有区块生成时的时间戳等信息。区块链(blockchain)本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块。
148.下面，以由图1中的服务器200单独执行本技术实施例提供的页面数据校验方法为例说明。参见图11，图11是本技术实施例提供的页面数据校验方法的一个流程示意图，将结合图11示出的步骤进行说明。
149.在步骤201中，服务器接收第一终端在显示待测试页面时发送的连接请求，基于第一终端的连接标识建立与第一终端之间的连接。
150.在步骤202中，服务器通过与第一终端之间的连接，接收第一终端发送的待测试页面的页面数据。
151.在步骤203中，服务器将连接标识和页面数据发送至第二终端，以使第二终端在数据校验页面中显示与连接标识关联的页面数据。
152.在步骤204中，服务器将校验规则发送至第二终端，以使第二终端在数据校验页面中显示基于校验规则对页面数据的校验结果。
153.需要说明的是，在本技术实施例中能够实施前文中服务器所实施的相应步骤，在不冲突的情况下，各实施例可以相互结合。
154.下面，以由图1中的第二终端400单独执行本技术实施例提供的页面数据校验方法为例说明。参见图12，图12是本技术实施例提供的页面数据校验方法的一个流程示意图，将结合图12示出的步骤进行说明。
155.在步骤301中，第二终端接收服务器发送的与第一终端的连接标识关联的页面数据，在第二终端的数据校验页面中显示页面数据。其中，页面数据是当第一终端在显示待测试页面时由第一终端发送至服务器的，且是基于连接标识建立的连接而发送的。
156.在步骤302中，第二终端接收服务器发送的校验规则，在数据校验页面中显示基于校验规则对页面数据的校验结果。
157.需要说明的是，在本技术实施例中能够实施前文中第二终端所实施的相应步骤，在不冲突的情况下，各实施例可以相互结合。
158.下面，将说明本技术实施例在一个实际的应用场景中的示例性应用。以手机中的某app页面为待测试页面为例，第一终端是手机，第二终端是pc端。手机用于运行目标页面(即待测试页面)，上传用户针对目标页面的操作数据，pc端用于供开发人员查看被测试页面的校验数据。本技术实施例将数据校验提前到开发工程中，后台服务器为手机中的待测试页面(即目标页面)分配连接key(即连接标识)，通过连接key维护每个待测试页面上报的数据。手机端通过连接key上报页面数据，服务器通过连接key维护每个待测试页面上报的数据，pc端(运行数据校验页面)发送特定的页面的key的请求时，服务器可以将对应的页面数据发送到pc端(在数据校验页面)进行显示，并向pc端下发数据校验规则，从而可以在pc端显示数据校验的结果。从而，将手机上报的业务数据可视化地投射至pc端，通过pc端拉取配置好的校验规则进行快速校验，精准定位导致错误的原因，提升了开发生产率。
159.参见图13，图13是本技术实施例提供的页面数据校验方法的一个流程示意图。下面将结合图13示出的步骤进行详细说明。
160.在步骤1301中，当手机打开目标页面时，手机加载上报sdk，上报采集sdk会启用上
报数据同步插件。
161.在一些实施例中，手机打开目标页面通过以下方式实现：pc端显示配置页面，手机扫描pc端中的配置页面的二维码以打开目标页面。目标页面是使用上报采集sdk的页面，参见图4，当pc端接收到目标页面的网址时，pc端的配置页面显示目标页面的二维码。当手机扫描二维码后，手机显示目标页面，参见图14，图14是本技术实施例提供的目标页面的示意图。手机打开包含上报采集sdk的目标页面，上报采集sdk会启用上报数据同步插件。
162.需要说明的是，目标页面为任意用户访问平台，例如：app客户端、h5/web页面或者pc客户端等，数据校验页面由浏览器web页面形式实现。
163.在步骤1302中，手机中的上报数据同步插件与websocket server建立长连接，并请求获取连接key。
164.需要说明的是，在一些实施例中也可以不使用上报数据同步插件，将上报数据同步插件的功能集成在sdk中，通过sdk来实现，上报数据同步插件启用后，目标页面会从后台服务器获取一个连接key。websocket server即为后台服务器，用于打通目标页面和数据校验页面，本质是通过长连接的方式，将目标页面数据推送到一个或多个数据校验页面，并将页面数据存储到redis中，以保证数据校验页面还没有连接时，目标页面推送的数据不会丢失。
165.在一些实施例中，参见图4，当pc端的配置页面接收到开发人员输入的这个连接key(例如在连接key的位置输入2699)，并点击“查看上报”的按钮404时，目标页面和数据校验页面通过websocket server已经建立上连接。
166.在步骤1303中，websocket server通过key服务生成连接key，并返回key给手机。
167.需要说明的是，key服务即为连接标识服务，后台服务器给手机分配连接key，一个手机对应一个连接key。连接key服务用于对新设备生成连接key或者对现有key的状态维护。为了方便使用，对连接设备特征做了存储，尽量保证同一设备在不同时间连接时使用同一个key，即一个手机对应一个key。
168.在一些示例中，key可以有过期机制，如果key服务为一个设备分配key后长期没有获取设备上传的页面数据，则分配的这个key失效，后续该设备需要重新申请新的key。即，每个key都具有生命周期，到期后自动失效，某设备与key服务连接后超过生命周期的时间后，该设备需要重新申请key再上传页面数据。pc端的配置页面可以获取一个设备连接key的列表(包括多个设备连接key)，以供pc端对数据校验页面进行切换或者选择。
169.在步骤1304中，手机向websocket server中对应该手机的key开始推送目标页面的页面数据。
170.在一些实施例中，手机通过上报数据同步插件拿到连接key后，手机会向websocket server中对应该手机的key开始推送目标页面的页面数据。
171.需要说明的是，页面数据包括上报流水和上报结构数据。上报流水即为页面操作数据，上报结构数据即为页面结构数据。
172.在步骤1305中，websocket server将页面数据暂存至数据库中。
173.在一些实施例中，websocket server获取页面数据后，确定对应的数据校验页面的显示情况，并将页面数据暂存至数据库中，例如，远程字典服务(redis，remote dictionary server)。
174.需要说明的是，数据校验页面，通过手机与websocket server建立长连接，接收websocket server推送来的上报流水和上报结构数据，实现数据可视化，并通过拉取数据校验规则服务，实时校验数据的正确性。
175.在步骤1306中，pc端的配置页面向连接key服务获取当前设备的连接key列表，以打开对应被选择的连接key的数据校验页面。
176.在一些实施例中，当pc端没有显示数据校验页面时，pc端的配置页面向连接key服务获取当前设备的连接key列表。以供开发人员选择对应连接设备。
177.在步骤1307中，当pc端的数据校验页面打开时，websocket server向数据校验页面推送页面数据。
178.在一些实施例中，当pc端的配置页面中的连接设备被选择时，pc端打开数据校验页面，pc端的数据校验页面会与websocet server建立长连接，并且websocet server将页面数据(即上报流水和上报结构数据)推送至pc端，以使pc端对页面数据进行可视化和流水展示。
179.在一些实施例中，参见图8，第二终端中的数据校验页面具体功能分为以下三个部分：1)埋点分布图(即埋点分布区域)：该模块是将目标页面已经做了数据埋点的元素同步展示出来，相当于对已经埋点模块数据的可视化，并且能同步目标页面的所有操作，例如上滑、切换页面等。第二终端通过将埋点分布图(即将页面埋点数据和页面结构数据进行匹配处理的结果)和目标页面做对比，确定哪些埋点模块缺失，由此可以快速判断哪些模块没有加上报埋点数据，例如806。2)上报流水展示(上报流水展示区域)：该模块会列举出目标页面发生的实时页面数据的上报流水(即页面操作数据)，并且通过拉取数据校验规则，展示哪些页面操作数据上报是有问题的，参见图8，用小圆点801来标识有问题的页面操作数据805，需要说明的是有问题的页面操作数据展示形式不限。该模块还支持自定义展示或者关键字过滤某一类上报，例如只看曝光类型、点击类型或者关键字带封面poster的上报等，也可以只看错误的上报。当上报流水展示区域中的某条页面操作数据被选择时，能在埋点分布图中展示对应的模块(例如，可以用806标识出来缺失模块)，同时在参数面板中也会展示导致该页面操作数据错误的详细信息。3)参数面板(参数面板区域)用于能展示出上报页面操作数据的页面埋点数据的详细参数。如果该页面埋点数据不符合数据校验规则(即校验规则)，可以展示出对应错误参数，如图8中的804所示。
180.在步骤1308中，pc端向数据校验规则服务请求当前目标页面的数据校验规则，对页面数据进行实时校验。
181.需要说明的是，数据校验规则服务，用于接收数据校验页面的请求，数据校验页面获取到该数据校验规则，对页面数据进行实时校验。例如，数据校验规则可以是参数长度范围、取值范围、是否为必要参数等规则。
182.在本技术实施例中，将数据校验提前到上报出口处，并通过对埋点数据的可视化和上报流水展示，拉取数据校验规则实时校验数据，大大的方便开发和测试人员能快速有效的定位和修正错误的上报数据，提高工作效率。
183.下面结合图2a和图2b说明本技术实施例提供的页面数据校验装置实施为软件模块的示例性结构，在一些实施例中，如图2a所示，存储在存储器250的页面数据校验装置255中的软件模块可以包括：连接模块2551，用于接收第一终端在显示待测试页面时发送的连
接请求，基于所述第一终端的连接标识建立与所述第一终端之间的连接；接收模块2552，用于通过与所述第一终端之间的连接，接收所述第一终端发送的所述待测试页面的页面数据；第一发送模块2553，用于将所述连接标识和所述页面数据发送至第二终端，以使所述第二终端在数据校验页面中显示与所述连接标识关联的所述页面数据；第二发送模块2554，用于将校验规则发送至所述第二终端，以使所述第二终端在所述数据校验页面中显示基于所述校验规则对所述页面数据的校验结果。
184.在一些实施例中，所述连接模块2551，还用于当首次接收到所述第一终端发送的所述连接请求，或在接收到所述第一终端的连接请求之前为第一终端生成的历史连接标识已经失效时，为所述第一终端生成新的连接标识，以用于建立与所述第一终端之间的所述连接。
185.在一些实施例中，所述连接模块2551，还用于接收所述第二终端发送的所述待测试页面的地址，所述待测试页面的地址是所述第二终端在显示的配置页面中获取的；基于所述待测试页面的地址，生成所述待测试页面对应的图形码，将所述图形码发送至所述第二终端进行显示，所述图形码用于所述第一终端扫描以显示所述待测试页面，并发送所述连接请求。
186.在一些实施例中，所述接收模块2552，还用于将第一终端发送的页面数据与所述第一终端的连接标识进行关联，并存储到数据库中；接收所述第二终端发送的页面数据请求；其中，所述第二终端发送的页面数据请求是当所述第二终端的配置页面中被输入所述第一终端的连接标识时发送的，或者，是当所述第二终端在设备列表中显示的所述第一终端的连接标识被触发时发送的，其中，所述设备列表包括多个终端的连接标识；从所述数据库查询与所述第一终端的连接标识关联的所述页面数据。
187.在一些实施例中，所述连接标识是通过调用连接标识服务生成的；所述连接模块2551，还用于获取连接状态信息，并将所述连接状态信息同步至所述连接标识服务中；其中，所述连接状态信息包括与服务器进行过连接的终端的连接标识、连接时间以及页面类型；通过所述连接标识服务，基于所述连接状态信息生成设备列表，并将所述设备列表发送至所述第二终端，以使所述第二终端在所述配置页面中显示所述设备列表。
188.在一些实施例中，所述页面数据包括页面埋点数据、页面结构数据和页面操作数据中的一种或多种；所述页面数据用于供所述第二终端执行以下操作：当所述页面数据包括所述页面埋点数据时，在所述数据校验页面的参数面板区域中显示所述页面埋点数据；当所述页面数据包括所述页面埋点数据和所述页面结构数据时，将所述页面埋点数据和所述页面结构数据进行匹配处理，将所述匹配处理的结果显示在所述数据校验页面的埋点分布区域中；其中，所述埋点分布区域与所述待测试页面结构对应，且显示有已进行数据埋点的模块；当所述页面数据包括所述页面操作数据时，在所述数据校验页面的上报流水展示区域显示所述页面操作数据，其中，所述页面操作数据是按照接收时间进行排列的。
189.在一些实施例中，所述将校验规则用于供所述第二终端执行以下操作：根据所述校验规则对页面操作数据进行校验，得到错误的页面操作数据，并在所述数据校验页面的上报流水展示区域中标识所述错误的页面操作数据。
190.在一些实施例中，所述校验规则用于供所述第二终端执行以下操作：当所述数据校验页面的上报流水展示区域中的所述错误的页面操作数据被选择时，根据所述错误的页
面操作数据，确定与所述错误的页面操作数据相关的页面埋点数据；根据所述校验规则对所述页面埋点数据进行校验，确定导致所述错误的页面操作数据的页面埋点数据中的错误参数；在所述数据校验页面的参数面板区域中标识所述错误参数，并显示所述错误参数所违反的校验规则。
191.在一些实施例中，所述校验规则用于供所述第二终端执行以下操作：当所述数据校验页面的上报流水展示区域中的所述错误的页面操作数据被选择时，根据所述校验规则对所述页面埋点数据进行校验，以确定在所述数据校验页面的埋点分布区域中导致所述错误的页面操作数据的埋点模块；在所述数据校验页面的埋点分布区域中标识所述错误的页面操作数据对应的埋点模块。
192.在一些实施例中，如图2b所示，存储在存储器450的页面数据校验装置455中的软件模块可以包括：
193.第一显示模块4551，用于接收服务器发送的与第一终端的连接标识关联的页面数据，在所述第二终端的数据校验页面中显示所述页面数据；其中，所述页面数据是当所述第一终端在显示待测试页面时由所述第一终端发送至所述服务器的，且是基于所述连接标识建立的连接而发送的；第二显示模块4552，用于接收所述服务器发送的校验规则，在所述数据校验页面中显示基于所述校验规则对所述页面数据的校验结果。
194.在一些实施例中，所述第一显示模块4551，还用于显示配置页面；获取在所述配置页面中输入的所述待测试页面的地址，并发送至所述服务器，以使所述服务器生成与所述待测试页面地址对应的图形码；接收所述服务器发送的所述图形码并在所述配置页面中进行显示，所述图形码用于所述第一终端扫描以显示所述待测试页面，并发送连接请求。
195.在一些实施例中，所述第一显示模块4551，还用于当接收到在配置页面中输入的所述第一终端的连接标识时，向所述服务器发送页面数据请求；当在配置页面中显示有包括多个终端的连接标识的设备列表、且所述设备列表中的所述第一终端的连接标识被触发时，向所述服务器发送页面数据请求；其中，所述页面数据请求用于请求所述页面数据。
196.在一些实施例中，所述页面数据包括页面埋点数据、页面结构数据和页面操作数据中的一种或多种；所述第一显示模块4551，还用于当所述页面数据包括所述页面埋点数据时，在所述数据校验页面的参数面板区域中显示所述页面埋点数据；当所述页面数据包括所述页面埋点数据和所述页面结构数据时，将所述页面埋点数据和所述页面结构数据进行匹配处理，将所述匹配处理的结果显示在所述数据校验页面的埋点分布区域中；其中，所述埋点分布区域与所述待测试页面结构对应，且显示有已进行数据埋点的模块；当所述页面数据包括所述页面操作数据时，在所述数据校验页面的上报流水展示区域显示所述页面操作数据，其中，所述页面操作数据是按照接收时间进行排列的。
197.在一些实施例中，所述第二显示模块4552，还用于根据所述校验规则对页面操作数据进行校验，得到错误的页面操作数据，并在所述数据校验页面的上报流水展示区域中标识所述错误的页面操作数据。
198.在一些实施例中，所述第二显示模块4552，还用于当所述数据校验页面的上报流水展示区域中的所述错误的页面操作数据被选择时，根据所述错误的页面操作数据，确定与所述错误的页面操作数据相关的页面埋点数据；根据所述校验规则对所述页面埋点数据进行校验，确定导致所述错误的页面操作数据的页面埋点数据中的错误参数；在所述数据
校验页面的参数面板区域中标识所述错误参数，并显示所述错误参数所违反的校验规则。
199.在一些实施例中，所述第二显示模块4552，还用于当所述数据校验页面的上报流水展示区域中的所述错误的页面操作数据被选择时，根据所述校验规则对所述页面埋点数据进行校验，以确定在所述数据校验页面的埋点分布区域中导致所述错误的页面操作数据的埋点模块；在所述数据校验页面的埋点分布区域中标识所述错误的页面操作数据对应的埋点模块。
200.本技术实施例提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行本技术实施例上述的页面数据校验方法。
201.本技术实施例提供一种存储有可执行指令的计算机可读存储介质，其中存储有可执行指令，当可执行指令被处理器执行时，将引起处理器执行本技术实施例提供的页面数据校验方法，例如，如图11、12示出的页面数据校验方法。
202.在一些实施例中，计算机可读存储介质可以是fram、rom、prom、eprom、eeprom、闪存、磁表面存储器、光盘、或cd-rom等存储器；也可以是包括上述存储器之一或任意组合的各种设备。
203.在一些实施例中，可执行指令可以采用程序、软件、软件模块、脚本或代码的形式，按任意形式的编程语言(包括编译或解释语言，或者声明性或过程性语言)来编写，并且其可按任意形式部署，包括被部署为独立的程序或者被部署为模块、组件、子例程或者适合在计算环境中使用的其它单元。
204.作为示例，可执行指令可以但不一定对应于文件系统中的文件，可以可被存储在保存其它程序或数据的文件的一部分，例如，存储在超文本标记语言(html，hyper text markup language)文档中的一个或多个脚本中，存储在专用于所讨论的程序的单个文件中，或者，存储在多个协同文件(例如，存储一个或多个模块、子程序或代码部分的文件)中。
205.作为示例，可执行指令可被部署为在一个计算设备上执行，或者在位于一个地点的多个计算设备上执行，又或者，在分布在多个地点且通过通信网络互连的多个计算设备上执行。
206.综上所述，通过本技术实施例通过数据校验页面中的三个功能区域(上报流水展示区域、埋点分布区域和参数面板区域)可视化地显示对待测试页面的页面数据的校验结果，能够直观实时地查看页面数据的校验结果，并快速精准地定位导致错误的页面数据的错误参数，给出相应的解决措施；节省了服务器根据待测试页面地址重复生成图形码的时间，减少了服务器的操作，提高了服务器的处理效率；节省了服务器根据待测试页面地址重复生成图形码的时间，减少了服务器的操作，提高了服务器的处理效率；通过数据校验页面的埋点分布区域可视化地显示待测试页面中哪些模块没有进行埋点操作，能够快速直观地定位未进行数据埋点操作的模块；通过数据校验页面的上报流水展示区域可视化地显示待测试页面上报的页面操作数据的类型和时间，能够快速直观地查看上报的每一条页面操作数据；通过数据校验页面的参数面板区域可视化地显示待测试页面的页面埋点数据，以供后续校验处理时能够快速直观地查看页面埋点数据中的错误参数。
207.以上所述，仅为本技术的实施例而已，并非用于限定本技术的保护范围。凡在本申
请的精神和范围之内所作的任何修改、等同替换和改进等，均包含在本技术的保护范围之内。