Перейти к содержимому

Возможности

Реплеи сессий: увидеть баг глазами пользователя

Вместо того чтобы восстанавливать сессию по логам, посмотрите её. Buglapse записывает, что происходило на странице перед ошибкой, и связывает запись с инцидентом.

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

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

Реплеи сессий

Недостающий контекст для фронтенд-багов

  • Сессия перед ошибкой

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

  • Два режима записи

    Записывайте долю сессий с самого начала, а остальные держите в коротком буфере в памяти, который отправляется только при ошибке.

  • Приватность по умолчанию

    Значения всех полей ввода маскируются. Добавьте элементу класс, чтобы скрыть его текст или полностью исключить из записи.

  • Связь с инцидентом

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

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

Включите реплеи

  1. 1

    Добавьте интеграцию replay

    Реплей — отдельная интеграция браузерного SDK. Импортируйте её только в тех приложениях, где она нужна.

  2. 2

    Выберите долю записи

    Задайте долю сессий, которые пишутся целиком, и вероятность того, что ошибка отправит сессию из буфера.

  3. 3

    Смотрите из инцидента

    Откройте инцидент и воспроизведите сессию, которая к нему привела, или просматривайте записи на странице Replays проекта.

main.ts
import { use } from '@buglapse/browser'
import { replayIntegration } from '@buglapse/browser/integrations'

use(replayIntegration({
  sessionSampleRate: 0.1,
  onErrorSampleRate: 1,
}))

Подробнее

Режимы записи и приватность

Full session и on-error

В режиме full session запись отправляется сегментами с первой секунды — для той доли сессий, которую вы выбрали. Все остальные сессии только буферизуются в памяти браузера, и буфер уходит на сервер, когда поймано исключение: вы получаете моменты перед ошибкой и не платите за сессии, в которых ничего не сломалось. Содержимое canvas тоже можно записывать, с небольшой частотой кадров.

Что записывается, а что нет

Реплей записывает структуру страницы и её изменения, а не видео экрана. Значения полей ввода маскируются до того, как покинут браузер. Всё остальное, что не должно попасть в запись, — персональные данные в профиле, платёжную форму, чат — пометьте для маскирования или блокировки, и в записи это будет показано звёздочками или пустой заглушкой.

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

Сравнить все тарифы
На каждом тарифе
Free Pro Team
Реплеи в месяц101001 000
Реплеи7 дней14 дней30 дней

Вопросы

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

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

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

Написать нам

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

Реплей увеличит бандл?
Рекордер — заметная зависимость, поэтому это отдельная интеграция: она загружается только там, где её импортируют, а остальной SDK остаётся лёгким.
Это видео экрана?
Нет. Страница записывается как снимки DOM и его изменения и собирается заново в плеере — записи получаются компактными, а поля ввода маскируются надёжно.
Как считаются реплеи?
Каждая записанная сессия — один реплей в месячной квоте организации. Режим on-error держит счёт близким к числу сессий, в которых действительно была проблема.

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

Связанные возможности

Мониторинг ошибок

Каждая ошибка — один инцидент с читаемым стек-трейсом, хлебными крошками, шагами до ошибки и затронутыми пользователями.

Подробнее: Мониторинг ошибок

JavaScript

Мониторинг ошибок, трейсинг, логи и реплеи сессий для браузерного JavaScript с любым фреймворком.

Подробнее: JavaScript

Готовы увидеть, что на самом деле происходит в вашем приложении?

Создайте проект на бесплатном тарифе и отправьте первое событие за пару минут.

Создать проектОткрыть Quickstart

Остались вопросы? Напишите на hello@buglapse.com