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

Storage Panel and Console Safety فحص التخزين وأمان لوحة التحكم

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

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

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

قبل نشر أي صفحة ويب للمستخدمين، يعتمد المطور المحترف على أداتين مدمجتين في لضمان التجاوب والجودة القياسية:

  • 1. شريط محاكاة الأجهزة والشاشات (): يتيح لك اختبار مظهر الموقع على مختلف أبعاد الهواتف الذكية والأجهزة اللوحية، ومحاكاة اللمس وكثافة البكسلات للتحقق من عدم وجود أي خروج أفقي للعناصر عن الشاشة.
  • 2. مدقق الجودة الآلي (): يفحص الصفحة آلياً ويمنحها تقييماً من إلى في أربعة محاور هندسية: الأداء والسرعة ()، وإمكانية الوصول ()، وأفضل الممارسات والأمان ()، وتهيئة محركات البحث ().
الصف 2 ملاحظة هامة
الصف 3 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنّا في هذا الدرس استخدام أدوات مطور المتصفح () عبر لوحاتها الأساسية: فحص شجرة ونموذج الصندوق في ، والتشخيص التفاعلي في ، وتحليل شلال الطلبات في ، ونقاط التوقف في ، وفحص الكوكيز والتخزين في ، ومحاكاة الهواتف وفحص الجودة عبر . الخطوة التالية: انتقل الآن إلى الدرس التالي امتدادات الملفات وأنواع ملفات الويب () للتعرف بعمق على أنواع الملفات التي يتعامل معها المتصفح ونظام التشغيل!