Erhalten Sie sowohl einen Überblick als auch detaillierte Einblicke in Fehler Ihrer Webanwendungen. Mit OpenReplay können Sie Probleme im vollständigen Kontext analysieren und so schneller beheben.

1. Wechseln Sie zur Sitzungsansicht > Tab Errors
2. Omnisearch verwenden: Wählen Sie das Ereignis “Error Message” aus und geben Sie die konkrete Fehlermeldung ein.

1. Wechseln Sie zu Console > Errors Tab
2. Öffnen Sie den Fehler, um die vollständigen Source Maps anzuzeigen.
3. Klicken Sie auf “Find all sessions with this error”, um die Liste der Sitzungen anzuzeigen, in denen der Fehler aufgetreten ist.

1. Wechseln Sie zu Cards > Add Card > Monitors
2. Wählen Sie die Karte Table of Errors aus

Der OpenReplay-Tracker unterstützt das Protokollieren von drei Fehlerarten:

1. Abgefangene Ausnahmen - Error
2. Abgelehnte Promises - PromiseRejectionEvent
3. Fehlerereignisse (onError) - ErrorEvent

Alle diese Fehler lassen sich mit einer einzigen Methode melden:

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

Sehen wir uns Beispiele für jede Fehlerart an:

Standardmäßig werden abgefangene Ausnahmen nicht im Tab ‚Console‘ protokolliert. Um einen Fehler zu melden, verwenden Sie das folgende Muster:

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

Wenn ein Promise abgelehnt wird und an OpenReplay gemeldet werden soll, gehen Sie wie folgt vor:

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

Melden Sie durch Ereignisse ausgelöste Fehler, etwa wenn ein <img>-Element nicht geladen werden kann:

<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>

Wenn Sie Fragen zu diesem Vorgang haben, wenden Sie sich gerne über unseren Slack an uns.