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

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

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

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

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

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

Видеозапись

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Session Replay

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

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

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

Model Context Protocol

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

Slack, Microsoft Teams, Jira Cloud, вебхуки, GitHub, GitLab, Bitbucket, Linear, ClickUp, Trello, Asana и Shortcut

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5,0 по 17 оценкам в Chrome Web Store