Obtenez une visibilité globale et granulaire sur les erreurs au sein de vos applications web. Avec OpenReplay, vous pouvez dépanner avec un contexte complet, permettant une résolution plus rapide des problèmes.

1. Accédez à la vue de session > onglet Errors
2. Utilisez Omnisearch : sélectionnez l’événement « Error Message » et saisissez le message d’erreur spécifique.

1. Accédez à Console > onglet Errors
2. Ouvrez l’erreur pour afficher les sourcemaps complètes.
3. Cliquez sur “Find all sessions with this error” pour voir la liste des sessions où l’erreur s’est produite.

1. Accédez à Cards > Add Card > Monitors
2. Sélectionnez la carte Table of Errors

Le tracker OpenReplay prend en charge la journalisation de trois types d’erreurs :

1. Exceptions capturées - Error
2. Promesses rejetées - PromiseRejectionEvent
3. Événements d’erreur (onError) - ErrorEvent

Toutes ces erreurs peuvent être signalées à l’aide d’une seule méthode :

tracker.handleError(error, metaObject); // metaObject is optional and is a flat object

Examinons des exemples pour chaque type d’erreur :

Par défaut, les exceptions capturées ne sont pas journalisées dans l’onglet ‘Console’. Pour signaler une erreur, utilisez le modèle suivant :

try {
    // application code
} catch (err) {
    // application code that handles the error
    tracker.handleError(err, metaObject); // metaObject is optional and is a flat object
}

Si une promesse est rejetée et doit être signalée à OpenReplay, utilisez cette approche :

function myFunc() {
    doSomeAsyncStuff()
        .then((result) => {
            // application code
        })
        .catch(promiseRejectionErr => {
            // application code to handle the error
            tracker.handleError(promiseRejectionErr, metaObject); // metaObject is optional and is a flat object
        });
}

Signalez les erreurs déclenchées par des événements, comme un élément <img> qui ne parvient pas à se charger :

<img id="myImg" src="image.gif">
<p id="demo"></p>

<script>
document.getElementById("myImg").addEventListener("error", myFunction);

function myFunction(errorEvent) {
    document.getElementById("demo").innerHTML = "The image could not be loaded.";
    tracker.handleError(errorEvent, { context: "demo" });
}
</script>

Si vous avez des questions sur ce processus, n’hésitez pas à nous contacter sur notre Slack ou à consulter notre Forum.