تأتي معظم المتصفحات مزوّدة بأدوات مضمّنة للمطوّرين. وعادةً ما تتضمّن أدوات المطوّرين هذه وحدة تحكُّم. تمنحك وحدة التحكم معلومات عن الصفحة المعروضة حاليًا.
يكون مصدر الرسائل التي يتم تسجيلها في وحدة التحكّم من مطوّري الويب الذين أنشأوا الصفحة أو المتصفّح نفسه.
جميع الرسائل في وحدة التحكّم ذات مستوى خطورة:
Verbose أو Info أو Warning أو Error.
تعني رسالة Error أنّ هناك مشكلة في صفحتك يجب حلّها.
كيفية تعذُّر التدقيق في أخطاء المتصفّح باستخدام Lighthouse
تُبلغ أداة Lighthouse عن جميع أخطاء المتصفّح التي تم تسجيلها في وحدة التحكّم:
كيفية إصلاح أخطاء المتصفّح
أصلِح كل خطأ في المتصفّح يُبلغ عنه Lighthouse لضمان تشغيل صفحتك على النحو المتوقّع لجميع المستخدمين.
تتضمن "أدوات مطوري البرامج في Chrome" أداتَين لمساعدتك في تعقب سبب الأخطاء:
- تحت نص كل خطأ، تعرض "وحدة تحكّم أدوات مطوّري البرامج" حزمة المكالمات التي تسبّبت في تنفيذ الرمز البرمجي الذي يسبّب المشكلة.
- يظهر لك الرابط في أعلى يسار كل خطأ الرمز الذي تسبب في حدوث الخطأ.
على سبيل المثال، تعرِض لقطة الشاشة هذه صفحة بها خطآن:
في المثال، يأتي الخطأ الأول من مطوّر على الويب من مكالمة إلى console.error().
يأتي الخطأ الثاني من المتصفح ويشير إلى عدم وجود المتغير المستخدَم في أحد النصوص البرمجية للصفحة.
أسفل نص كل خطأ، تشير "وحدة تحكم DevTools" إلى مكدس الاستدعاءات الذي يظهر فيه الخطأ.
على سبيل المثال، بالنسبة إلى الخطأ الأول، تشير وحدة التحكّم
إلى أنّ دالة (anonymous) تُسمى الدالة init،
والتي تسمى الدالة doStuff.
يؤدي النقر على الرابط pen.js:9 في أعلى يسار هذا الخطأ
إلى عرض الرمز ذي الصلة.
يمكن أن تساعدك مراجعة التعليمة البرمجية ذات الصلة لكل خطأ بهذه الطريقة في تحديد المشكلات المحتملة وحلها.
إذا لم تتمكن من معرفة سبب الخطأ، فجرب إدخال نص الخطأ في محرك بحث. إذا لم تتمكن من إيجاد حلول لمشكلتك، جرِّب طرح سؤال على Stack Overflow.
إذا لم تتمكن من إصلاح خطأ، يمكنك وضعه في عبارة try…catch للإشارة بوضوح في الرمز إلى أنك على علم بالمشكلة.
يمكنك أيضًا استخدام مجموعة catch للتعامل مع الخطأ بشكل أكثر سلاسة.