页面信息展示方法、系统及存储介质技术方案

本申请公开了一种页面信息展示方法、系统及存储介质，所述方法包括：向终端发送页面信息获取请求，所述页面信息获取请求携带页面配置信息；以使所述终端基于所述页面信息获取请求，通过软件开发工具包收集与所述页面配置信息相匹配的页面数据集；接收所述终端发送的处理后页面数据集；将所述处理后页面数据集中数据按照表征类别进行分类；根据每个表征类别对应的页面数据，确定每个表征类别对应的页面信息；展示所述每个表征类别对应的页面信息。采用本申请的技术方案，能够快速还原客户端情况，有利于快速定位异常问题。

【技术实现步骤摘要】
页面信息展示方法、系统及存储介质
本申请涉及互联网通信
，尤其涉及一种页面信息展示方法、系统及存储介质。
技术介绍
现有技术在定位客户端问题时，需要考虑各种问题出现的原因，每种原因也需要拆解成逻辑点，比如是否成功打开h5，需要拆分成打开h5页面链接事件，h5页面显示关键信息事件。这些在页面编码过程中预埋相应事件的触发点。这里很难把所有原因都考虑在内，编码里预埋也很麻烦。传统方案收集客户端信息依靠埋点统计，不仅操作繁琐，收集的数据量也很有限，容易出现错漏的场景，另外传统方案的结果展示方式多为报表，不太直观，不容易定位问题。因此，有必要提供一种页面信息展示方法、系统及存储介质，实现快速还原客户端情况，从而有利于快速定位异常问题。
技术实现思路
本申请提供了一种页面信息展示方法、系统及存储介质，可以实现快速还原客户端情况，从而有利于快速定位异常问题。一方面，本申请提供了一种页面信息展示方法，所述方法包括：向终端发送页面信息获取请求，所述页面信息获取请求携带页面配置信息；以使所述终端基于所述页面信息获取请求，通过软件开发工具包收集与所述页面配置信息相匹配的页面数据集；接收所述终端发送的处理后页面数据集；将所述处理后页面数据集中数据按照表征类别进行分类；根据每个表征类别对应的页面数据，确定每个表征类别对应的页面信息；展示所述每个表征类别对应的页面信息。另一方面提供了一种页面信息展示方法，所述方法包括：接收服务器发送的页面信息获取请求，所述页面信息获取请求携带页面配置信息；基于所述页面信息获取请求，通过软件开发工具包收集与所述页面配置信息相匹配的页面数据集；向所述服务器发送处理后页面数据集；以使所述服务器将所述处理后页面数据集中数据按照表征类别进行分类；以及根据每个表征类别对应的页面数据，确定每个表征类别对应的页面信息；以及展示所述每个表征类别对应的页面信息。另一方面提供了一种页面信息展示系统，所述系统包括终端和服务器，所述终端，用于基于页面信息获取请求，通过软件开发工具包收集与所述页面配置信息相匹配的页面数据集；以及向所述服务器发送处理后页面数据集；所述服务器，用于向所述终端发送页面信息获取请求，所述页面信息获取请求携带页面配置信息；以及将所述处理后页面数据集中数据按照表征类别进行分类；以及根据每个表征类别对应的页面数据，确定每个表征类别对应的页面信息；以及展示所述每个表征类别对应的页面信息。另一方面提供了一种计算机可读存储介质，所述存储有至少一条指令或至少一段程序，所述至少一条指令或至少一段程序由处理器加载并执行以实现如上所述的页面信息展示方法。本申请提供的页面信息展示方法、系统及存储介质，具有如下技术效果：(1)本申请依靠sdk自主完成收集，对业务透明，一次接入即可，操作简便。(2)本申请收集数据面更广，几乎囊括客户端的所有信息，避免信息数据收集错漏以致于不能还原定位问题。(3)相比原有方案需要比较重的工作量在业务中增加统计点，本申请接入成本非常低，基本没有额外的开发工作量。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案和优点，下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。图1是本申请实施例提供的一种系统的示意图；图2是本申请实施例提供的一种页面信息展示方法的流程示意图；图3是本申请实施例提供的页面数据集的结构示意图；图4是本申请实施例提供的webworker的处理流程图；图5是本申请实施例提供的页面信息展示方法的流程图；图6是本申请实施例提供的另一种页面信息展示方法的流程示意图；图7是本申请实施例提供的另一种页面信息展示方法的流程示意图；图8是本申请实施例提供的一种页面信息展示服务器的结构示意图；图9是本申请实施例提供的一种页面信息展示终端的结构示意图。具体实施方式下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。以下对本申请中提及的词汇进行解释。Dom&Document:文档对象模型(DocumentObjectModel)。DOM是W3C的标准，DOM定义了访问HTML和XML文档的标准。在W3C的标准中，DOM是独于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。Html：超文本标记语言(英语：HyperTextMarkupLanguage，简称：HTML)是一种用于创建网页的标准标记语言。H5：HTML最新的修订版本JS：JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分。CSS：层叠样式表(英语：CascadingStyleSheets，缩写：CSS；又称串样式列表、级联样式表、串接样式表、阶层式样式表)是一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言，由W3C定义和维护。当前最新版本是CSS2.1，为W3C的推荐标准。CSS3现在已被大部分现代浏览器支持。客户端：客户端(Client)或称为用户端，是指与服务器相对应，为客户提供本地服务的程序。除了一些只在本地运行的应用程序之外，一般安装在普通的客户机上，需要与服务端互相配合运行。因特网发展以后，较常用的用户端包括了如万维网使用的网页浏览器，收寄电子邮件时的电子邮件客户端，以及即时通讯的客户端软件等。对于这一类应用程序，需要网络中有相应的服务器和服务程序来提供相应的服务，如数据库服务，电子邮件服务等等，这样在客户机和服务器端，需要建立特定的通信连接，来保证应用程序的正常运行。URL:统一资源定位系统(uniformresourcelocator；URL)是因特网的万维网服本文档来自技高网...

【技术保护点】
1.一种页面信息展示方法，其特征在于，所述方法包括：/n向终端发送页面信息获取请求，所述页面信息获取请求携带页面配置信息；以使所述终端基于所述页面信息获取请求，通过软件开发工具包收集与所述页面配置信息相匹配的页面数据集；/n接收所述终端发送的处理后页面数据集；/n将所述处理后页面数据集中数据按照表征类别进行分类；/n根据每个表征类别对应的页面数据，确定每个表征类别对应的页面信息；/n展示所述每个表征类别对应的页面信息。/n

【技术特征摘要】
1.一种页面信息展示方法，其特征在于，所述方法包括：
向终端发送页面信息获取请求，所述页面信息获取请求携带页面配置信息；以使所述终端基于所述页面信息获取请求，通过软件开发工具包收集与所述页面配置信息相匹配的页面数据集；
接收所述终端发送的处理后页面数据集；
将所述处理后页面数据集中数据按照表征类别进行分类；
根据每个表征类别对应的页面数据，确定每个表征类别对应的页面信息；
展示所述每个表征类别对应的页面信息。


2.根据权利要求1所述的方法，其特征在于，所述将所述处理后页面数据集中数据按照表征类别进行分类包括：
将所述处理后页面数据集中表征用户操作行为的数据集作为第一数据集；
相应的，所述根据每个表征类别对应的页面数据，确定每个表征类别对应的页面信息包括：
根据所述第一数据集，确定所述用户操作行为对应的页面；
通过搜索文档对象模型，确定所述用户操作行为对应的节点；
根据所述用户操作行为对应的页面以及节点，创建所述用户操作行为对应的页面信息。


3.根据权利要求1所述的方法，其特征在于，所述将所述处理后页面数据集中数据按照表征类别进行分类包括：
将所述处理后页面数据集中表征页面属性信息变化的数据集作为第二数据集；
相应的，所述根据每个表征类别对应的页面数据，确定每个表征类别对应的页面信息包括：
根据所述第二数据集，确定原始页面属性信息和变化后的页面属性信息；
基于脚本语言，模拟得到表征页面属性信息变化的数据集对应的页面信息。


4.根据权利要求1所述的方法，其特征在于，所述将所述处理后页面数据集中数据按照表征类别进行分类包括：
将所述处理后页面数据集中表征异常、请求信息的处理逻辑的数据集作为第三数据集；
相应的，所述根据每个表征类别对应的页面数据，确定每个表征类别对应的页面信息包括：
根据所述第三数据集，确定所述表征异常、请求信息的处理逻辑的数据集对应的页面信息。


5.根据权利要求1所述的方法，其特征在于，所述接收所述终端发送的处理后页面数据集包括：
接收所述终端发送的压缩数据集；
相应的，所述将所述处理后页面数据集中数据按照表征类别进行分类的步骤之前，所述方法还包括：
对所述压缩数据集进行解压，得到解压数据集；
基于哈希算法，确定所述解压数据集中的重复数据并删除所述重复数据，得到去重数据集；
对所述去重数据集进行存储；
所述展示所述每个表征类别对应的页面信息的步骤之前，所述方法还包括：
将所述每个表征类别对应的页面信息转化成多媒体信息；
相应的，所述展示所述每个表征类别对应的页面信息包括：
播放所...

【专利技术属性】
技术研发人员：何远锋，冼骏豪，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44