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