Fundebug前端異常監控插件更新至2.4.0,支援配置breadcrumbSize

摘要: 靈活配置 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 中配置<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以及本文地址: https://blog.fundebug.com/2020/04/07/fundebug-javascript-notifier-support-breadcrumbsize/