Есть ли отдельный пакет для моего фреймворка?

Нет, браузерный SDK один для всех фреймворков. Особой настройки под фреймворк не требуется — достаточно отправлять ошибки, которые он ловит сам.

Насколько он утяжеляет страницу?

npm-пакет модульный: в сборку попадают только импортированные интеграции. Самая тяжёлая — реплеи сессий, поэтому она импортируется отдельно.

Работает ли с одностраничными приложениями?

Да. Смены маршрута записываются как спаны навигации и хлебные крошки, а сессия продолжается между ними.

Платформы

Мониторинг ошибок JavaScript в браузере

Добавьте один script-тег или установите модульный npm-пакет. Buglapse ловит необработанные ошибки, упавшие запросы и незагрузившиеся ресурсы, а логи, трейсинг, сессии и реплеи подключаются, когда понадобятся.

Начать бесплатно Документация

Все возможности Buglapse

JavaScript

Что даёт браузерный SDK

Ошибки, о которых вы бы не узнали
Необработанные исключения и отклонённые промисы, ошибки внутри колбэков браузерных API, неудачные HTTP-запросы и ресурсы, которые не загрузились.
Модульность
Каждая возможность — отдельная интеграция. С npm-пакетом вы импортируете только то, чем пользуетесь, остальное в бандл не попадает.
Или просто script-тег
Ключ проекта уже есть в адресе скрипта. Интеграции включаются и выключаются в настройках проекта, без передеплоя.
Не только ошибки
Логи, трейсы загрузки и навигации, сессии для здоровья релизов и реплеи приходят из того же SDK и делят общий контекст.

Как это работает

Установка за пару минут

1
Создайте проект
Зарегистрируйтесь бесплатно и создайте проект. DSN и script-тег сразу готовы в настройках.
2
Инициализируйте SDK
Вставьте script-тег на страницу или установите пакет и вызовите init с DSN проекта.
3
Посмотрите первый инцидент
Ошибки группируются в инциденты с читаемым стек-трейсом, хлебными крошками, релизом и пользователем.

main.ts

Установка

echo "@buglapse:registry=https://app.buglapse.com/npm/" >> .npmrc
npm install @buglapse/browser

import { init } from '@buglapse/browser'

init({ dsn: 'https://YOUR_PROJECT_TOKEN@app.buglapse.com' })

Подробнее

Что собирается в браузере

Интеграции браузерного SDK

Глобальные ошибки и отклонённые промисы, ошибки внутри таймеров и обработчиков событий, неудачные запросы fetch и XHR, а также скрипты, стили и изображения, которые не загрузились. Хлебные крошки записывают клики, навигацию, запросы и вывод console перед ошибкой. К каждому событию добавляется контекст устройства и страницы, сообщается о медленных обработчиках, блокирующих основной поток, повторяющиеся одинаковые события дедуплицируются, а входящие фильтры отбрасывают известный шум ещё до отправки.

Фреймворки и сборщики

SDK подключается к самой странице, а не к конкретной библиотеке, поэтому одинаково работает в приложении на React, Vue, Svelte или Angular и на странице вообще без фреймворка. Ошибки, которые фреймворк ловит сам, отправляются одним вызовом из его обработчика ошибок. Для читаемого стека плагин сборщика загружает source maps из Vite, webpack, Rollup, Rspack и esbuild.

На каждом тарифе

Сравнить все тарифы

На каждом тарифе
	Free	Pro	Team
Проекты	2	10	Без лимита
Ошибки в месяц	5 000	25 000	150 000
Реплеи в месяц	10	100	1 000

Вопросы

Частые вопросы

Остались вопросы?

Напишите нам — поможем с подключением, тарифом или self-hosted.

Написать нам

или на почту hello@buglapse.com

Есть ли отдельный пакет для моего фреймворка?: Нет, браузерный SDK один для всех фреймворков. Особой настройки под фреймворк не требуется — достаточно отправлять ошибки, которые он ловит сам.
Насколько он утяжеляет страницу?: npm-пакет модульный: в сборку попадают только импортированные интеграции. Самая тяжёлая — реплеи сессий, поэтому она импортируется отдельно.
Работает ли с одностраничными приложениями?: Да. Смены маршрута записываются как спаны навигации и хлебные крошки, а сессия продолжается между ними.

Смотрите также