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: "商品詳情頁面",
});

捕獲的異常的用戶行爲記錄中會包含我們手動埋點的信息。

參考

• 配置 breadcrumbSize 屬性
• fundebug.leaveBreadcrumb()接口

關於Fundebug

Fundebug專注於JavaScript、微信小程序、微信小遊戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了40億+錯誤事件，付費客戶有陽光保險、達令家、核桃編程、荔枝FM、微脈等衆多品牌企業。