Official Sentry SDK for browsers

Usage no npm install needed!

<script type="module">
  import sentryBrowser from 'https://cdn.skypack.dev/@sentry/browser';


Official Sentry SDK for Browsers

Sauce Test Status npm version npm dm npm dt typedoc



To use this SDK, call Sentry.init(options) as early as possible after loading the page. This will initialize the SDK and hook into the environment. Note that you can turn off almost all side effects using the respective options.

import * as Sentry from '@sentry/browser';

  dsn: '__DSN__',
  // ...

To set context information or send manual events, use the exported functions of @sentry/browser. Note that these functions will not perform any action before you have called Sentry.init():

import * as Sentry from '@sentry/browser';

// Set user information, as well as tags and further extras
Sentry.configureScope(scope => {
  scope.setExtra('battery', 0.7);
  scope.setTag('user_mode', 'admin');
  scope.setUser({ id: '4711' });
  // scope.clear();

// Add a breadcrumb for future events
  message: 'My Breadcrumb',
  // ...

// Capture exceptions, messages or manual events
Sentry.captureMessage('Hello, world!');
Sentry.captureException(new Error('Good bye'));
  message: 'Manual',
  stacktrace: [
    // ...