Всё нужное для того,
чтобы сообщать об ошибках без усилий

Всё, что нужно, чтобы записать ошибку, отправить её и разобраться в ней быстрее, чем когда-либо

Полный набор для записи ошибок

Что записывает расширение и что с этим делает отчёт, когда запись приходит

Отчёт прочитывает модель

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

Видеозапись

Запишите ровно то, что произошло, в хорошем качестве. Покажите разработчику точную последовательность действий. Сколько может длиться запись, зависит от сайта, для которого её отправляют: пять минут на домене, который никто не подтвердил, десять на Starter и тридцать на Professional. На этом пределе запись завершается и всё, что было до него, сохраняется, так что ничего не пропадает из-за ограничения, о котором никто не предупредил.

Снимки экрана

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

Технические подробности

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

Журнал сети и файл HAR

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

Тела ответов, если попросить

Отметьте один флажок перед записью — и расширение подключит отладчик Chrome, так что в отчёт попадёт то, что сервер действительно вернул, а не только строка запроса. По умолчанию выключено, а пока это работает, Chrome показывает собственное предупреждение.

Что делал пользователь

Лента нажатий, заполнений полей и переходов, приведших к ошибке, — чтобы вы шли по шагам, а не угадывали их.

Общедоступно или приватно — на ваш выбор

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

Работа командой

Пригласите тех, кто чинит, и каждый отчёт по вашим доменам будет им доступен: читать, оставлять заметки и переводить из ожидающих в решённые. Заметки видны только команде, если вы не адресуете заметку приславшему. Назначение ответственного ещё впереди.

Session Replay

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

АналитикаСкоро

Динамика ошибок, время до исправления и активность приславших.

Model Context Protocol

Направьте своего агента на ваши отчёты, чтобы он читал их так же, как человек. Доступно на тарифе Professional.

Slack, Microsoft Teams, Jira Cloud, вебхуки, GitHub и Linear

Отчёт больше не обязан заканчиваться ссылкой, которую кто-то должен не забыть вставить. Slack публикует каждый новый отчёт карточкой в том канале, за которым следит ваша команда. Microsoft Teams делает то же самое в вашем канале: вы создаёте там рабочий процесс и вставляете сюда выданный им URL. Jira Cloud открывает его задачей в проекте, в котором вы и так работаете. Обычный вебхук отправляет его на ваш собственный эндпоинт, привязанный к одному из ваших доменов. GitHub открывает его как issue в репозитории, который вы выберете, а Linear — задачей в команде, которую выберете. Все они идут через один слой доставки, который ведёт журнал: сколько было попыток и каким был ответ, а неудачная отправка повторяется через всё большие промежутки, до шести попыток.

Отчёт читает сам себя

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

  • Шаги воспроизведения в том порядке, в каком их выполняли
  • Вероятная причина, с оговорками там, где запись молчит
  • Предполагаемая серьёзность, чтобы разобрать очередь
  • Имя у отчёта с момента появления, а не голый адрес
Панель разбора в отчёте: шаги воспроизведения, вероятная причина и предполагаемая серьёзность

Запись одним нажатием

Приславшему достаточно нажать на значок расширения — всё остальное запишется само. Никаких форм и никаких технических знаний.

  • Мгновенный снимок экрана или видео
  • Сведения о браузере и системе записываются сами
  • Журналы консоли включены
  • Ссылка для обмена сразу же
Панель Session Replay, открытая в боковой панели Chrome

Единая панель

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

  • Все отчёты разложены по доменам
  • Отбор по состоянию отчёта или по его серьёзности
  • На платном тарифе отчёты могут начинаться приватными, и любой можно перевести в другое состояние
  • Только домен, он вместе с поддоменами или перечисленные вами узлы
Список отчётов в учётной записи Session Replay

Продвинутый проигрыватель

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

  • Видео с отметками на ленте времени
  • Журналы консоли и сети в согласии с записью
  • Лента событий с действиями пользователя
  • Скачивание и отправка
Лента событий отчёта: ошибки консоли, сетевые запросы и нажатия по времени, когда они произошли

Автоматический сбор с помощью мета-тега

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

  • Установка в одну строку
  • Отчёты направляются сами
  • Подходит любой веб-платформе
  • Тот же тег подтверждает, что домен ваш
Одна строка в вашем <head>
<meta name="session-replay-site-verification" content="srv_your_token_here">

Какие технические сведения записываются

Всё, что нужно разработчику, чтобы разобраться и исправить

Сведения о браузере

Название и версия браузера
Строка user agent
Размер области просмотра
Плотность пикселей устройства
Разрешение экрана
Состояние cookie

Сведения о системе

Операционная система
Языковые настройки
Часовой пояс
Тип соединения
Сведения о памяти
Данные платформы

Консоль и журналы

Ошибки JavaScript
Предупреждения консоли
Записи консоли
Стек вызовов
Отметки времени
Ссылки на исходные файлы
Вывод из встроенных фреймов

Сетевая активность

Запросы к API
Коды ответов
Время запроса и ответа
Неудавшиеся запросы
Заголовки запросов
Размеры передаваемых данных
Всё это скачивается одним файлом HAR
Тела ответов, если вы их включите
Тела запросов, записанные отладчиком

Готовы исправлять в десять раз быстрее?

Установите расширение, нажмите кнопку на странице, которая ведёт себя неправильно, и отправьте ссылку, в которой уже есть ответы на вопросы, которые пришлось бы задавать.

Установить бесплатное расширение