OpenReplay Logo
12k
12k

Инструменты разработчика

Отлаживайте быстрее с помощью инструментов разработчика, встроенных в повтор сессии

Устраняйте проблемы пользовательских сессий так, как если бы они произошли в вашей локальной среде. Получайте доступ к полному техническому контексту: логам, ошибкам, сетевым запросам, событиям JS и многому другому. Исключите догадки и исправляйте проблемы в рекордные сроки.

Network Requests

MethodURLStatusTimeSize
POSThttps://api.openai.com/v1/chat/500340 ms1.8 KB
POSThttps://api.example.com/v1/auth/401230 ms1.2 KB
GEThttps://api.example.com/v1/redirect30280 ms600 B
GEThttps://api.example.com/v1/status10150 ms400 B

Решайте проблемы без лишней переписки

Точное воспроизведение ошибок

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

Меньшее время до решения

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

Полный контроль над данными

Используйте OpenReplay в режиме самостоятельного размещения или в выделенной облачной среде. Сохраняйте соответствие требованиям и выполняйте самые строгие нормативные требования.

Gilad Novik
We went from spending hours debugging some production issues down to minutes after using OpenReplay.

Весь контекст, необходимый для воспроизведения этой ошибки

Console

Поймите первопричину ошибок

Просматривайте ошибки JavaScript с полными трассировками стека и sourcemaps прямо в повторах сессий. Точно определяйте, когда и где возникают ошибки во время взаимодействий пользователей.

Трассировка стека консоли
Network

Проверяйте каждый запрос

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

Session insights dashboard
Метрики производительности

Отслеживайте использование ресурсов

Отслеживайте использование CPU, кучу памяти, узлы DOM и частоту кадров на протяжении каждой сессии. Выявляйте узкие места производительности и определяйте, что замедляет ваше приложение.

Session insights dashboard
Управление состоянием

Отслеживайте изменения состояния

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

Session insights dashboard
X-Ray

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

Получайте единое представление сетевых сбоев, замедлений производительности, ошибок JavaScript и разочарований пользователей внутри записи сессии.

Session insights dashboard
Интеграции

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

Привязывайте повторы сессий к Sentry, Bugsnag, GraphQL или Datadog для более глубокой аналитики и более быстрой отладки.

Отлаживайте проблемы с полным контекстом браузера

Image

Не можете воспроизвести эту ошибку?

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

Image

API даёт сбой в продакшене?

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

Image

Пользователи говорят, что приложение работает медленно?

Анализируйте частоту кадров, CPU и память синхронно с действиями пользователей, чтобы выявлять узкие места производительности при реальном использовании

FAQ по Инструментам разработчика

Остались вопросы? Обратитесь в поддержку
Как Инструменты разработчика OpenReplay помогают мне быстрее воспроизводить ошибки?

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

Отслеживает ли OpenReplay ошибки JavaScript со стеками вызовов?

Да. Ошибки JavaScript захватываются с полными стеками вызовов и поддержкой sourcemap. Вы можете отследить ошибки до исходного кода прямо из Сессионного воспроизведения.

Чем OpenReplay отличается от других инструментов сессионного воспроизведения?

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

Могу ли я изучать ошибки API и сетевые запросы в OpenReplay?

Да. OpenReplay включает сетевой инспектор на основе сессий, который позволяет вам просматривать все запросы, ответы, коды статуса и полезные нагрузки в контексте. Вы можете быстро выявлять неудачные вызовы API.

Могу ли я отслеживать производительность фронтенда, например использование CPU и памяти?

Да. Инструменты разработчика OpenReplay отслеживают использование CPU, кучу памяти, количество узлов DOM и частоту кадров (FPS). Вы можете выявлять узкие места производительности во время реальных пользовательских сессий.

Могу ли я использовать Инструменты разработчика OpenReplay, сохраняя при этом конфиденциальные пользовательские данные в безопасности?

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