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

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

查看所有标签

猜你喜欢:

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

码农书籍

计算几何

邓俊辉 / 清华大学出版社 / 2009-6 / 49.00元

《计算几何:算法与应用(第3版)》的前4章对几何算法进行了讨论，包括几何求交、三角剖分、线性规划等，其中涉及的随机算法也是《计算几何:算法与应用(第3版)》的一个鲜明特点。第5章至第10章介绍了多种几何结构，包括几何查找、kd树、区域树、梯形图、Voronoi图、排列、Delaunay三角剖分、区间树、优先查找树以及线段树等。第11章至第16章结合实际问题，继续讨论了若干几何算法及其数据结构，包括......一起来看看《计算几何》这本书的介绍吧!

码农工具