احصل على رؤية شاملة ودقيقة للأخطاء داخل تطبيقات الويب الخاصة بك. مع OpenReplay، يمكنك استكشاف المشكلات وحلّها بسياق كامل، مما يتيح حلًّا أسرع للمشكلات.

1. انتقل إلى عرض الجلسة > علامة التبويب Errors
2. استخدم Omnisearch: حدّد الحدث “Error Message” وأدخِل رسالة الخطأ المحددة.

1. انتقل إلى Console > علامة التبويب Errors
2. افتح الخطأ لعرض ملفات sourcemaps الكاملة.
3. انقر على “Find all sessions with this error” لرؤية قائمة الجلسات التي حدث فيها الخطأ.

1. انتقل إلى Cards > Add Card > Monitors
2. حدّد البطاقة Table of Errors

يدعم متتبّع OpenReplay تسجيل ثلاثة أنواع من الأخطاء:

1. الاستثناءات الملتقطة (Caught Exceptions) - Error
2. الوعود المرفوضة (Rejected Promises) - PromiseRejectionEvent
3. أحداث الأخطاء (onError) - ErrorEvent

يمكن الإبلاغ عن كل هذه الأنواع باستخدام طريقة واحدة:

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

لنستعرض أمثلة لكل نوع من أنواع الأخطاء:

بشكل افتراضي، لا يتم تسجيل الاستثناءات الملتقطة في علامة التبويب ‘Console’. للإبلاغ عن خطأ، استخدم النمط التالي:

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

إذا تم رفض وعد (promise) وكان يلزم الإبلاغ عنه إلى OpenReplay، فاستخدم هذا الأسلوب:

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

أبلِغ عن الأخطاء التي تطلقها الأحداث، مثل فشل تحميل عنصر <img>:

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

إذا كانت لديك أي أسئلة حول هذه العملية، فلا تتردد في التواصل معنا عبر Slack الخاص بنا أو الاطلاع على المنتدى الخاص بنا.