摘要： 靈活配置 breadcrumbSize，記錄更多用戶行為數(shù)據(jù)沾谜。
Fundebug 前端異常監(jiān)控服務(wù)
Fundebug提供專業(yè)的前端異常監(jiān)控服務(wù)膊毁，我們的插件可以提供全方位的異常監(jiān)控，可以幫助開發(fā)者第一時(shí)間定位各種前端異常基跑，包括但不限于 JavaScript 執(zhí)行錯(cuò)誤以及 HTTP 請(qǐng)求錯(cuò)誤婚温。
并且，F(xiàn)undebug 支持 Source Map 還原媳否，記錄用戶行為以及“錄制”用戶操作視頻栅螟，幫助開發(fā)者快速復(fù)現(xiàn) BUG，提高 Debug 效率篱竭，歡迎大家免費(fèi)試用~
Fundebug 前端異常監(jiān)控插件更新至 2.4.0力图，支持配置 breadcrumbSize 和新增 leaveBreadcrumb()接口。
1掺逼、新增 breadcrumbSize 屬性
在每一個(gè)錯(cuò)誤事件的詳情頁吃媒，有一個(gè)“用戶行為”的標(biāo)簽。用戶行為記錄了用戶點(diǎn)擊坪圾、用戶輸入晓折、網(wǎng)絡(luò)請(qǐng)求、頁面跳轉(zhuǎn)兽泄、控制臺(tái)日志等行為數(shù)據(jù)漓概。
breadcrumb指用戶行為列表中的行為記錄，用戶行為數(shù)據(jù)的長度默認(rèn)為 20 條病梢。如果項(xiàng)目相對(duì)復(fù)雜胃珍，需要記錄的數(shù)據(jù)量會(huì)更多，那么用戶可以設(shè)置 breadcrumbSize 屬性蜓陌，來配置合理的長度觅彰。
fundebug.init({
breadcrumbSize: 30,
});
在 HTML 中配置<script>標(biāo)簽中配置 apikey 屬性
<script
src="https://js.fundebug.cn/fundebug.2.4.0.min.js"
breadcrumbSize="30"
></script>
2、新增 fundebug.leaveBreadcrumb()方法
為了方便更好地復(fù)現(xiàn) bug钮热，有時(shí)候需要更詳盡的用戶行為數(shù)據(jù)填抬，我們可以在某些關(guān)鍵節(jié)點(diǎn)使用leaveBreadcrumb()進(jìn)行手動(dòng)埋點(diǎn)，獲取的數(shù)據(jù)會(huì)加入到用戶行為列表中隧期。
fundebug.leaveBreadcrumb({
message: "調(diào)用fetchData()接口",
page: "商品詳情頁面",
});
捕獲的異常的用戶行為記錄中會(huì)包含我們手動(dòng)埋點(diǎn)的信息飒责。
參考
關(guān)于Fundebug
Fundebug專注于JavaScript赘娄、微信小程序、微信小游戲宏蛉、支付寶小程序遣臼、React Native、Node.js和Java線上應(yīng)用實(shí)時(shí)BUG監(jiān)控拾并。 自從2016年雙十一正式上線揍堰，F(xiàn)undebug累計(jì)處理了40億+錯(cuò)誤事件，付費(fèi)客戶有陽光保險(xiǎn)嗅义、達(dá)令家屏歹、核桃編程、荔枝FM芥喇、微脈等眾多品牌企業(yè)西采。
