Abstract: Flexibly configure breadcrumbSize to record more user behavior data.

Fundebug Front-end exception monitoring service

Fundebug provides a professional front-end exception monitoring service. Our plug-in can provide a full range of exception monitoring to help developers locate front-end exceptions, including but not limited to JavaScript execution errors and HTTP request errors.

In addition, Fundebug supports Source Map restoration, recording user behavior and “recording” user operation videos to help developers quickly reproduce bugs and improve debugging efficiency. Welcome to free trial ~

Fundebug is updated to 2.4.0 to support breadcrumbSize and leaveBreadcrumb() interface.

1. Add the breadcrumbSize property

On the details page of each error event, there is a “User Behavior” TAB. User behavior records user click, user input, network request, page jump, console log and other behavior data.

The breadcrumb is the behavior record in the user behavior list. The default length of user behavior data is 20. If the project is more complex and requires more data to be logged, you can set the breadcrumbSize property to a reasonable length.

fundebug.init({
    breadcrumbSize: 30});Copy the code

Configure the APIkey attribute in the configure 

<script
    src="https://js.fundebug.cn/fundebug.2.4.0.min.js"
    breadcrumbSize="30"
></script>
Copy the code

2, added fundebug.leavebreadcrumb ()

In order to better reproduce bugs and sometimes require more detailed user behavior data, we can use leaveBreadcrumb() to manually bury the data at certain key nodes and add the data to the user behavior list.

fundebug.leaveBreadcrumb({
    message: "Call fetchData() interface".page: "Product Details Page"});Copy the code

The user behavior record of the caught exception will contain the information we manually buried.

reference

  • Configure the breadcrumbSize property
  • Fundebug. LeaveBreadcrumb () interface

About Fundebug

Fundebug focuses on real-time BUG monitoring for JavaScript, wechat applets, wechat games, Alipay applets, React Native, Node.js and Java online applications. Since its launch on November 11, 2016, Fundebug has handled more than 4 billion error events, and paid customers include Sunshine Insurance, Darling Family, Peach Programming, Lychee FM, Wemai and many other brands.