[发明专利]一种适用于前端页面性能和错误指标采集的系统

说明书

本申请公开了一种适用于前端页面性能和错误指标采集的系统，包括探针单元、采集数据汇总模块、后端接口和远程服务器，所述探针单元的一端与浏览器连接，所述探针单元的另一端与采集数据汇总模块连接，所述采集数据汇总模块连接有多个后端接口，多个所述后端接口均连接至远程服务器；所述探针单元与探针配置控制模块的一端连接，所述探针配置控制模块的另一端与探针初始化配置模块和默认配置模块连接；所述探针单元还与SDK工具模块的一端连接。本申请有益之处在于出现白屏或者JS文件错误时，通过采集公式，把所要获取的信息上报到远程的服务端，从而实现被动的感知客户浏览器的出现的问题。对业务系统无侵入性，就如引入一个JS文件一样。

技术领域

本申请涉及一种错误采集的系统，具体是一种适用于前端页面性能和错误指标采集的系统。

背景技术

浏览器是用来检索、展示以及传递Web信息资源的应用程序；Web信息资源由统一资源标识符所标记，它是一张网页、一张图片、一段视频或者任何在Web上所呈现的内容；使用者可以借助超级链接(Hyperlinks)，通过浏览器浏览互相关联的信息。

现有浏览器进行使用时，易出现错误；用户会使用浏览器对网站的前端页面进行访问；当前端页面出现白屏或有错误时，我们通常都无法感知到这些问题的存在，所以对于前端监控的需求非常强烈；业界的基本方案有如下几种：

方案一、通过使用GoogleChrome浏览器的Performanc和Console选项卡，进行对用户本地的页面性能和错误日志进行分析排查；

方案二、通过使用window.Performance浏览器原生的API提供的数据，进行页面的性能计算；

方案三：通过使用window.addEventListener(error)和window.addEventListener(unhandledrejection)浏览器原生的API提供的方法，进行本地的错误信息监控；

上述方案缺点和不足为第一个问题是方案一分析问题时会比较局限，需要依赖于用户的电脑，进行查看各项性能指标，才能发现问题；第二个问题是在使用方案二的window.Performance这项API分析问题时，它自身只提供一组数据，如果想要获取其中一项指标结果，需要多项指标相减才可以计算得出，不利于使用；第三个问题、使用方案三的这两项浏览器原生的API，是可以获取到错误信息，但是根据用户所用的浏览器不同，错误的结果会有明显的差异。因此，针对上述问题提出一种适用于前端页面性能和错误指标采集的系统。

发明内容

一种适用于前端页面性能和错误指标采集的系统，包括探针单元、采集数据汇总模块、后端接口和远程服务器，所述探针单元的一端与浏览器连接，所述探针单元的另一端与采集数据汇总模块连接，所述采集数据汇总模块连接有多个后端接口，多个所述后端接口均连接至远程服务器；所述探针单元与探针配置控制模块的一端连接，所述探针配置控制模块的另一端与探针初始化配置模块和默认配置模块连接；所述探针单元还与SDK工具模块的一端连接。

进一步地，所述探针单元的内部设置有脚本异常采集模块、资源加载异常采集模块和页面性能采集模块。

进一步地，所述浏览器连接有网站访问模块。

进一步地，所述SDK工具模块的一端与浏览器连接。

进一步地，所述远程服务器连接有数据库。

进一步地，所述探针单元为script标签，且探针单元与探针生产器连接，所述探针生产器设置在探针配置控制模块的内部。

进一步地，所述脚本异常采集模块和资源加载异常采集模块的内部设置有error、unhandledrejection事件监听器。

进一步地，所述探针单元连接有工具操作模块。