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错误分析的功能讲完了,你学会了吗。有什么问题,请联系我们的官方微信吧。