Breadcrumbs sample

Meet Breadcrumbs

Ready for more helpful information about your app’s JavaScript errors? Meet our newest, tastiest feature – Breadcrumbs.

Breadcrumbs are a snapshot of events that lead up to a specific error occurrence. Things like web requests, user interactions like clicks or keyboard presses, and navigation updates are all recorded and organized in a timeline so you can understand what actually happened when things broke. Having this detailed play-by-play information about the environment where the error occurred is an invaluable tool for debugging and replicating bugs quickly.

Breadcrumbs close up

Here’s an example of some of the events you can find in Breadcrumbs.

Breadcrumbs are sent automatically, and appear in the “Occurrences” tab for an error group. So if you’re using our JavaScript notifier, there’s no extra setup needed. Just make sure that you’re using the latest version of airbrake-js (0.8.6 as of this writing) and you’re all set.

Breadcrumbs location

Breadcrumbs can be found in the Occurrences tab.

Breadcrumbs for JavaScript now automatically captures events like:

  • Log events with severity
  • User events like clicks and keypresses
  • XMLHttpRequests like POST and GET events
  • DOMContentLoaded events
  • Errors in loading page elements or scripts
  • Navigation from page to page
  • Window fully loaded events

We hope Breadcrumbs helps you replicate bugs fast so you can fix them quicker. We want to make Airbrake as useful as possible for you so let us know if you have any feature ideas or feedback. We’d love to hear it!