# Official Sentry SDK for Browsers [![Sauce Test Status](https://saucelabs.com/buildstatus/sentryio)](https://saucelabs.com/u/sentryio) [![npm version](https://img.shields.io/npm/v/@sentry/browser.svg)](https://www.npmjs.com/package/@sentry/browser) [![npm dm](https://img.shields.io/npm/dm/@sentry/browser.svg)](https://www.npmjs.com/package/@sentry/browser) [![npm dt](https://img.shields.io/npm/dt/@sentry/browser.svg)](https://www.npmjs.com/package/@sentry/browser) ## Links - [Official SDK Docs](https://docs.sentry.io/quickstart/) - [TypeDoc](http://getsentry.github.io/sentry-javascript/) ## Usage 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. ```javascript import * as Sentry from '@sentry/browser'; Sentry.init({ 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()`: ```javascript import * as Sentry from '@sentry/browser'; // Set user information, as well as tags and further extras Sentry.setExtra('battery', 0.7); Sentry.setTag('user_mode', 'admin'); Sentry.setUser({ id: '4711' }); // Add a breadcrumb for future events Sentry.addBreadcrumb({ message: 'My Breadcrumb', // ... }); // Capture exceptions, messages or manual events Sentry.captureMessage('Hello, world!'); Sentry.captureException(new Error('Good bye')); Sentry.captureEvent({ message: 'Manual', stacktrace: [ // ... ], }); ```

	Stars	Issues	Version	Updated	Created
@sentry/browser	7,867	456	8.30.0	3 days ago	7 years ago
bugsnag-js	850	75	4.7.3	6 years ago	10 years ago
raven-js	7,868	467	3.27.2	5 years ago	11 years ago

@sentry/browser vs bugsnag-js vs raven-js

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past