为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
JavaScript

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

Fundebug 前端异常监控服务

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

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

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

1、新增 breadcrumbSize 属性

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

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

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

在 HTML 中配置`


### 2、新增 fundebug.leaveBreadcrumb()方法

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

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

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

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
全栈工程师
手记
粉丝
6376
获赞与收藏
2075

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消