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

摘要： 靈活配置 breadcrumbSize，記錄更多用戶行爲數據。

Fundebug 前端異常監控服務

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

而且，Fundebug 支持 Source Map 還原，記錄用戶行爲以及「錄製」用戶操做視頻，幫助開發者快速復現 BUG，提升 Debug 效率，歡迎你們免費試用~

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

一、新增 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>

二、新增 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、微脈等衆多品牌企業。