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

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

内容简介：摘要：使用

摘要： 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，报错附带页面性能指标

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

查看所有标签

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

码农书籍

首席产品官1 从新手到行家

车马 / 机械工业出版社 / 2018-9-25 / 79

《首席产品官》共2册，旨在为产品新人成长为产品行家，产品白领成长为产品金领，最后成长为首席产品官（CPO）提供产品认知、能力体系、成长方法三个维度的全方位指导。作者在互联网领域从业近20年，是中国早期的互联网产品经理，曾是周鸿祎旗下“3721”的产品经理，担任CPO和CEO多年。作者将自己多年来的产品经验体系化，锤炼出了“产品人的能力杠铃模型”（简称“杠铃模型”），简洁、直观、兼容性好、实......一起来看看《首席产品官1 从新手到行家》这本书的介绍吧!

码农工具