Fundebug前端异常监控插件更新至2.4.0，支持配置breadcrumbSize

栏目: IT技术 · 发布时间: 4年前

内容简介：摘要：灵活配置 breadcrumbSize，记录更多用户行为数据。Fundebug提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于 JavaScript 执行错误以及 HTTP 请求错误。

摘要：灵活配置 breadcrumbSize，记录更多用户行为数据。

Fundebug 前端异常监控服务

Fundebug提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于 JavaScript 执行错误以及 HTTP 请求错误。

并且，Fundebug 支持 Source Map 还原，记录用户行为以及“录制”用户操作视频，帮助开发者快速复现 BUG，提高 Debug 效率，欢迎大家免费试用~

Fundebug 前端异常监控插件更新至 2.4.0，支持配置 breadcrumbSize 和新增 leaveBreadcrumb()接口。

1、新增 breadcrumbSize 属性

在每一个错误事件的详情页，有一个“用户行为”的标签。用户行为记录了用户点击、用户输入、网络请求、页面跳转、控制台日志等行为数据。

Fundebug前端异常监控插件更新至2.4.0，支持配置breadcrumbSize

breadcrumb 指用户行为列表中的行为记录，用户行为数据的长度默认为 20 条。如果项目相对复杂，需要记录的数据量会更多，那么用户可以设置 breadcrumbSize 属性，来配置合理的长度。

fundebug.init({
    breadcrumbSize: 30,
});

在 HTML 中配置 <script> 标签中配置 apikey 属性

<script
    src="https://js.fundebug.cn/fundebug.2.4.0.min.js"
    breadcrumbSize="30"
></script>

2、新增 fundebug.leaveBreadcrumb()方法

为了方便更好地复现 bug，有时候需要更详尽的用户行为数据，我们可以在某些关键节点使用 leaveBreadcrumb() 进行手动埋点，获取的数据会加入到用户行为列表中。

fundebug.leaveBreadcrumb({
    message: "调用fetchData()接口",
    page: "商品详情页面",
});

捕获的异常的用户行为记录中会包含我们手动埋点的信息。

Fundebug前端异常监控插件更新至2.4.0，支持配置breadcrumbSize

以上所述就是小编给大家介绍的《Fundebug前端异常监控插件更新至2.4.0，支持配置breadcrumbSize》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

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

码农书籍

Web开发权威指南

[美] Chris Aquino,、[美] Todd Gandee / 奇舞团 / 人民邮电出版社 / 2017-9 / 99.00元

本书在知名培训机构Big Nerd Ranch 培训教材的基础上编写而成，囊括了JavaScript、HTML5、CSS3等现代前端开发人员急需的技术关键点，包括响应式UI、访问远程Web 服务、用Ember.js 构建应用，等等。此外，还会介绍如何使用前沿开发工具来调试和测试代码，并且充分利用Node.js 和各种开源的npm 模块的强大功能来进行开发。全书分四部分，每部分独立完成一个项......一起来看看《Web开发权威指南》这本书的介绍吧!

码农工具