OpenReplay Logo
12k
12k

Outils de développement

Déboguez plus vite avec les Outils de développement intégrés à la relecture de session

Diagnostiquez les problèmes des sessions utilisateur comme s'ils s'étaient produits dans votre environnement local. Accédez au contexte technique complet : journaux, erreurs, requêtes réseau, événements JS et plus encore. Éliminez les approximations et corrigez les problèmes en un temps record.

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

Résolvez les problèmes sans les allers-retours

Reproduction précise des bugs

Reproduisez les bugs sans chercher d'indices. Accédez aux journaux de la console, aux appels réseau, aux changements d'état et voyez ce qui a été déclenché en coulisses.

Délai de résolution réduit

Plongez directement dans les sessions de vos utilisateurs et reproduisez les erreurs exactement comme elles se sont produites. Éliminez les allers-retours et résolvez les problèmes en quelques minutes, pas en plusieurs jours.

Contrôle total des données

Utilisez OpenReplay en auto-hébergé ou dans un environnement cloud dédié. Restez conforme et répondez aux exigences réglementaires les plus strictes.

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

Tout le contexte nécessaire pour reproduire ce bug

Console

Comprenez la cause racine des erreurs

Consultez les erreurs JavaScript avec leurs traces de pile complètes et les sourcemaps directement dans les relectures de session. Identifiez précisément quand et où les erreurs surviennent durant les interactions des utilisateurs.

Trace de pile de la console
Network

Inspectez chaque requête

Inspectez les appels API, suivez les requêtes en échec et analysez les charges utiles des réponses avec les données sensibles masquées. Comprenez les goulots d’étranglement réseau et identifiez rapidement les ressources manquantes qui affectent l’expérience utilisateur.

Session insights dashboard
Métriques de performance

Surveillez l'utilisation des ressources

Surveillez l'utilisation du CPU, le tas mémoire, les nœuds du DOM et les fréquences d'images tout au long de chaque session. Identifiez les goulots d'étranglement de performance et repérez ce qui ralentit votre application.

Session insights dashboard
Gestion de l'état

Tracez les changements d'état

Suivez les changements d'état de votre application durant les sessions utilisateur. Voyez comment les données circulent dans votre application et identifiez les mutations d'état inattendues.

Session insights dashboard
X-Ray

Corrélez les problèmes techniques au comportement des utilisateurs

Obtenez une vue unifiée des échecs réseau, des ralentissements de performance, des erreurs JavaScript et des frustrations des utilisateurs au sein de l'enregistrement de la session.

Session insights dashboard
Intégrations

Intégrez votre stack d'observabilité aux relectures de session pour un contexte plus riche sur ce qui a mal tourné

Associez les relectures de session à Sentry, Bugsnag, GraphQL ou Datadog pour des informations plus approfondies et un débogage plus rapide.

Déboguez les problèmes avec le contexte complet du navigateur

Image

Vous ne parvenez pas à reproduire ce bug ?

Transformez les rapports de bug vagues en étapes de reproduction précises. Observez exactement ce qui s'est passé dans les navigateurs de vos utilisateurs et recréez les problèmes dans votre environnement de développement.

Image

Une API en échec en production ?

Consultez l'activité réseau et inspectez les requêtes en échec dans le contexte de la session. Identifiez les problèmes de charge utile, les échecs d'authentification et les autres problèmes liés à l'API.

Image

Les utilisateurs trouvent l'application lente ?

Analysez la fréquence d'images, le CPU et la mémoire en synchronisation avec les actions des utilisateurs pour détecter les goulots d'étranglement de performance en usage réel

FAQ Outils pour développeurs

D'autres questions ? Contactez le support
Comment les Outils de développement d'OpenReplay m'aident-ils à reproduire les bugs plus rapidement ?

OpenReplay capture des sessions utilisateur complètes, y compris les logs de console, l'activité réseau, l'utilisation de la mémoire et les changements d'état. Avec les Outils de développement intégrés à la Relecture de session, vous pouvez observer ce qui s'est passé et inspecter le contexte technique, comme lors d'un débogage dans votre environnement local.

OpenReplay suit-il les erreurs JavaScript avec leurs traces d'appels ?

Oui. Les erreurs JavaScript sont capturées avec des traces d'appels complètes et la prise en charge des sourcemaps. Vous pouvez remonter jusqu'au code source d'origine directement depuis la Relecture de session.

En quoi OpenReplay se distingue-t-il des autres outils de relecture de session ?

OpenReplay est l'une des rares plateformes de Relecture de session et d'Analyse de produit à inclure les données des Outils de développement au sein des relectures de session. Elle est également auto-hébergeable et open source, ce qui vous donne un contrôle total et la possibilité de développer par-dessus.

Puis-je inspecter les erreurs d'API et les requêtes réseau dans OpenReplay ?

Oui. OpenReplay inclut un inspecteur réseau basé sur les sessions qui vous permet de visualiser toutes les requêtes, réponses, codes de statut et charges utiles en contexte. Vous pouvez rapidement identifier les appels d'API en échec.

Puis-je surveiller les performances frontend comme l'utilisation du CPU et de la mémoire ?

Oui. Les Outils de développement d'OpenReplay suivent l'utilisation du CPU, le tas mémoire, le nombre de nœuds du DOM et le nombre d'images par seconde (FPS). Vous pouvez identifier les goulots d'étranglement de performance lors de sessions réelles d'utilisateurs.

Puis-je utiliser les Outils de développement d'OpenReplay tout en gardant les données utilisateur sensibles sécurisées ?

Oui. Vous pouvez assainir des champs spécifiques de la charge utile afin de masquer les données sensibles tout en préservant le contexte technique nécessaire au débogage.