Js错误统计-使用文档

一步一个脚印一个坑 1年前 ⋅ 1947 阅读
ad

Hello,大家好,我们最近推出了新版的JS错误日志分析,我来讲讲如何使用吧。

相较老版本的错误分析,我们额外引入了「版本分析」「错误分配」两个新的的概念。总共有错误概览、错误列表、错误详情、sourceMap解析、版本分析、待处理错误等几大核心模块

一、JS错误概览

在错误概览页面中,我们可以筛选时间,可以看到项目最近30天、30个月、半年内的变化趋势,这样,你可以对这个项目的报错变化有一个整体的感观。

错误类型分别为:

代码错误:window.onerror、unhanledrejection 等

自定义异常:console.error; PS: 业务异常,接口业务报错,都可以通过console.error打印,我们也会捕获和分析。

二、JS错误列表

这是JS错误分析里一个较为核心的功能,这里将会展示出,这个项目中产生的所有报错情况。 可以采用错误数量和影响人数进行排序。相较于老版本,增加了处理人、报错趋势、修复状态等能力,可以让大家对错误情况有个更清晰的了解。

分别展示Error Message、修复状态、报错趋势、发生次数、分配的处理人。

三、错误详情

点击任意一个Error Message,页面将弹出这个错误的详细信息。在错误详情页面,你将会看到几个核心的模块:

错误信息的概览,如:发生时间,处理人,你甚至可以直接从这里调到对应的行为记录。

错误的一些重要标签,如:版本号,平台,地理位置,userAgent等

数据的概况,如:影响人数,24报错趋势,我们可以精确到每一分钟,对排查错误起量的时间非常有用哦。

四、SourceMap解析源码

如大家所知,webpack、gulp等打包工具在进行打包的时候会将代码压缩混淆,无法解读。

我们会首先查找出压缩代码的位置,同时,我们还会提供sourceMap解码的能力,源码解码的方式请参考:SourceMap解码

五、版本分析

正常情况下,我们的需求上线不会直接发布上线的。而是需要经过灰度阶段,在灰度阶段只有小部分的流量可以访问到新版本,所以在版本分析里边,如果新版出现大量的报错,就可以引起开发者的警觉,下线灰度版本,及时止损。

六、待处理错误

团队的leader可能会把某个错误被分配给你来解决,你就可以在这里看到属于你自己的错误,提高效率。

七、行为轨迹

针对某个具体的错误,我们提供了可以直接定位他的行为轨迹的能力,在错误详情页面点击行为轨迹,可以直接跳转到对应的错误位置,真正的实现一键定位。

好了,JS错误分析的功能讲完了,你学会了吗。有什么问题,请联系我们的官方微信吧。

关于Webfunny

Webfunny专注于前端监控系统,前端埋点系统的研发。 致力于帮助开发者快速定位问题,帮助企业用数据驱动业务,实现业务数据的快速增长。支持H5/Web/PC前端、微信小程序、支付宝小程序、UniApp和Taro等跨平台框架。实时监控前端网页、前端数据分析、错误统计分析监控和BUG预警,第一时间报警,快速修复BUG!支持私有化部署,Docker容器化部署,可支持千万级PV的日活量!

  点赞 0   收藏 0
  • 一步一个脚印一个坑
    共发布117篇文章 获得4个收藏
全部评论: 0