---
title: "Breadcrumbs"
description: "Wraps native browser APIs to capture breadcrumbs. (default)"
url: https://docs.sentry.io/platforms/javascript/guides/capacitor/configuration/integrations/breadcrumbs/
---

# Breadcrumbs Integration | Sentry for Capacitor

This integration only works inside a browser environment.

*Import name: `Sentry.breadcrumbsIntegration`*

This integration is enabled by default. If you'd like to modify your default integrations, read [this](https://docs.sentry.io/platforms/javascript/guides/capacitor/configuration/integrations.md#modifying-default-integrations).

The `breadcrumbsIntegration` wraps native APIs to capture breadcrumbs.

By default, the Sentry SDK wraps the `dom`, `fetch`, `history`, and `xhr` browser APIs to add breadcrumbs. You can opt out of capturing breadcrumbs for specific parts of your application (for example, you could say don't capture click and keypress events as breadcrumbs) via the options below.

Console calls are captured by the [`consoleIntegration`](https://docs.sentry.io/platforms/javascript/guides/capacitor/configuration/integrations/console.md), which is enabled by default.

```JavaScript
Sentry.init({
  integrations: [
    Sentry.breadcrumbsIntegration({
      dom: true,
      fetch: true,
      history: true,
      xhr: true,
    }),
  ],
});
```

## [Options](https://docs.sentry.io/platforms/javascript/guides/capacitor/configuration/integrations/breadcrumbs.md#options)

### [`dom`](https://docs.sentry.io/platforms/javascript/guides/capacitor/configuration/integrations/breadcrumbs.md#dom)

*Type: `boolean` | `{ serializeAttribute: string | string[] }`*

Log all click and keypress events.

When an object with a `serializeAttribute` key is provided, the Breadcrumbs integration will look for given attribute(s) in DOM elements while generating the breadcrumb trails. Matched elements will be followed by their custom attributes, instead of their `id`s or `class` names.

### [`fetch`](https://docs.sentry.io/platforms/javascript/guides/capacitor/configuration/integrations/breadcrumbs.md#fetch)

*Type: `boolean`*

Log HTTP requests done with the Fetch API.

### [`history`](https://docs.sentry.io/platforms/javascript/guides/capacitor/configuration/integrations/breadcrumbs.md#history)

*Type: `boolean`*

Log calls to `history.pushState` and related APIs.

### [`sentry`](https://docs.sentry.io/platforms/javascript/guides/capacitor/configuration/integrations/breadcrumbs.md#sentry)

*Type: `boolean`*

Log whenever we send an event to the server.

### [`xhr`](https://docs.sentry.io/platforms/javascript/guides/capacitor/configuration/integrations/breadcrumbs.md#xhr)

*Type: `boolean`*

Log HTTP requests done with the XHR API.