Fundebug前端JavaScript插件更新至1.5.0,报错附带页面性能指标

摘要: 1.5.0将在报错数据中附带页面性能指标,辅助用户Debug。

Performance

使用Performance接口,可以获取页面的性能指标,如下:

{
"redirectCount": 0,
"type": "navigate",
"loadEventEnd": 5707.200000004377,
"loadEventStart": 5702.499999999418,
"domComplete": 5702.499999999418,
"domContentLoadedEventEnd": 2112.699999997858,
"domContentLoadedEventStart": 2071.5999999956694,
"domInteractive": 2071.5000000054715,
"unloadEventEnd": 0,
"unloadEventStart": 0,
"serverTiming": [],
"decodedBodySize": 6748,
"encodedBodySize": 2365,
"transferSize": 2792,
"responseEnd": 221.79999999934807,
"responseStart": 202.00000000477303,
"requestStart": 164.79999999864958,
"secureConnectionStart": 106.40000000421423,
"connectEnd": 163.40000000491273,
"connectStart": 70.69999999657739,
"domainLookupEnd": 70.69999999657739,
"domainLookupStart": 23.9000000001397,
"fetchStart": 22.400000001653098,
"redirectEnd": 0,
"redirectStart": 0,
"workerStart": 0,
"nextHopProtocol": "http/1.1",
"initiatorType": "navigation",
"duration": 5707.200000004377,
"startTime": 0,
"entryType": "navigation",
"name": "https://www.fundebug.com/"
}

其中domComplete即为html文档完全解析完毕的时间节点,其他指标的含义如下图所示:

在Fundebug控制台的错误详情页面的Performance标签,即可看到收集的性能数据:

另外,我们只是在报错的时候收集Performance指标,目的是辅助用户Debug。Fundebug目前专注于BUG监控,没有提供全方位的性能监控服务的打算。

silentPerformance

如果你不需要报错的时候附带页面性能指标,则可以将silentPerformance属性设为true。

  • 在HTML中配置<script>标签中配置silentPerformance属性
<script src="https://js.fundebug.cn/fundebug.1.5.0.min.js" 
apikey="API-KEY"
silentPerformance=true></script>
  • 在JavaScript中配置silentPerformance变量
if ("fundebug" in window) {
fundebug.silentPerformance = true;
}

参考

关于Fundebug

Fundebug专注于JavaScript、微信小程序、支付宝小程序线上应用实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了80亿+错误事件。欢迎大家免费试用

版权声明

转载时请注明作者 Fundebug以及本文地址:
https://blog.fundebug.com/2018/12/04/fundebug-javascript-upgrade-to-1-5-0/

您的用户遇到BUG了吗?

体验Demo 免费使用