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

栏目: JavaScript · 发布时间: 5年前

内容简介：摘要：使用

摘要： 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前端JavaScript插件更新至1.5.0，报错附带页面性能指标

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

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

另外，我们只是在报错的时候收集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文档 - silentPerformance

关于Fundebug

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和 Java 实时BUG监控。自从2016年双十一正式上线，Fundebug累计处理了8亿+错误事件，得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用！

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

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

XML完全探索

Steven Holzner / 中国青年出版社 / 2001-10 / 89.00

《XML完全探索》是完全根据读者的需要而设计的，书中有大量实际的XML场景。是一本尽可能深入地阐述XML的书籍，与其他XML书籍不同，本书中给出了上百个示例代码，完全测试通过，可供使用。本书将帮助您：精通所有的从XML语法到XLink、从 XPointer到XML模式的XML标准；使用XSL和XSL格式化对象；使用XML和层叠样式表；利用Java和JavaScript，使用DOM解析器和一起来看看《XML完全探索》这本书的介绍吧!

码农工具