Obtén visibilidad de alto nivel y granular sobre los errores dentro de tus aplicaciones web. Con OpenReplay, puedes solucionar problemas con contexto completo, lo que permite una resolución más rápida de los problemas.

1. Navega a la vista de sesión > pestaña Errors
2. Usa Omnisearch: selecciona el evento “Error Message” e introduce el mensaje de error específico.

1. Navega a Console > pestaña Errors
2. Abre el error para ver los sourcemaps completos.
3. Haz clic en “Find all sessions with this error” para ver la lista de sesiones donde ocurrió el error.

1. Navega a Cards > Add Card > Monitors
2. Selecciona la card Table of Errors

El tracker de OpenReplay admite el registro de tres tipos de errores:

1. Excepciones capturadas - Error
2. Promesas rechazadas - PromiseRejectionEvent
3. Eventos de error (onError) - ErrorEvent

Todos ellos pueden reportarse mediante un único método:

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

Veamos ejemplos para cada tipo de error:

De forma predeterminada, las excepciones capturadas no se registran en la pestaña ‘Console’. Para reportar un error, utiliza el siguiente patrón:

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

Si una promesa es rechazada y necesita reportarse a OpenReplay, usa este enfoque:

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
        });
}

Reporta errores activados por eventos, como un elemento <img> que no se carga:

<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 tienes alguna pregunta sobre este proceso, no dudes en contactarnos en nuestro Slack o consulta nuestro Foro.