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

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

查看所有标签

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

码农书籍

C++ Primer 中文版（第 5 版）

[美] Stanley B. Lippman、[美] Josée Lajoie、[美] Barbara E. Moo / 王刚、杨巨峰 / 电子工业出版社 / 2013-9-1 / CNY 128.00

这本久负盛名的 C++经典教程，时隔八年之久，终迎来史无前例的重大升级。除令全球无数程序员从中受益，甚至为之迷醉的——C++ 大师 Stanley B. Lippman 的丰富实践经验，C++标准委员会原负责人 Josée Lajoie 对C++标准的深入理解，以及C++ 先驱 Barbara E. Moo 在 C++教学方面的真知灼见外，更是基于全新的 C++11标准进行了全面而彻底的内容更新。......一起来看看《C++ Primer 中文版（第 5 版）》这本书的介绍吧!

码农工具