انتقل إلى محتوى الدرس

Console Panel and Error Messages لوحة التحكم ورسائل الأخطاء

أتقن استخدام أدوات مطور المتصفح DevTools عملياً؛ من فحص وتعديل شجرة DOM ونموذج الصندوق في لوحة Elements، وتشخيص الأخطاء في Console، وتتبع طلبات الشبكة في Network، وتنقيح الكود في Sources.
1 صفوف تعليمية
تكنولوجيا الويب
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عندما تواجه خطأً منطقياً معقداً في كود ، فإن الاكتفاء بطباعة عشرات عبارات يكون بطيئاً وغير عملي. توفر لوحة المصادر ( وتُسمى في فايرفوكس) منقحاً تفاعلياً احترافياً:

  • نقاط التوقف () والأمر : انقر على رقم أي سطر برمجي (أو اكتب الأمر في الكود) ليتوقف المتصفح تلقائياً عند الوصول لتلك النقطة.
  • التنقل خطوة بخطوة وفحص النطاق (): أثناء توقف الكود، يمكنك قراءة قيم جميع المتغيرات الحية في نافذة ، وتنفيذ الكود سطراً بسطر عبر أزرار و.