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

摘要：靈活配置 breadcrumbSize，記錄更多使用者行為資料。

Fundebug提供專業的前端異常監控服務，我們的插件可以提供全方位的異常監控，可以幫助開發者第一時間定位各種前端異常，包括但不限于 JavaScript 執行錯誤以及 HTTP 請求錯誤。

并且，Fundebug 支援 Source Map 還原，記錄使用者行為以及“錄制”使用者操作視訊，幫助開發者快速複現 BUG，提高 Debug 效率，歡迎大家免費試用~

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

在每一個錯誤事件的詳情頁，有一個“使用者行為”的标簽。使用者行為記錄了使用者點選、使用者輸入、網絡請求、頁面跳轉、控制台日志等行為資料。

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>

複制

為了友善更好地複現 bug，有時候需要更詳盡的使用者行為資料，我們可以在某些關鍵節點使用

leaveBreadcrumb()

進行手動埋點，擷取的資料會加入到使用者行為清單中。

fundebug.leaveBreadcrumb({
    message: "調用fetchData()接口",
    page: "商品詳情頁面",
});

複制

捕獲的異常的使用者行為記錄中會包含我們手動埋點的資訊。

轉載時請注明作者 Fundebug以及本文位址：

https://blog.fundebug.com/2020/04/07/fundebug-javascript-notifier-support-breadcrumbsize/