شرح صفوف ومحتوى الفقرة
يحتوي كل متصفح ويب حديث على مختبر فحص هندسي مدمج يُسمى أدوات مطور المتصفح ()، ويمكنك فتحه في أي صفحة بالضغط على زر أو النقر بزر الفأرة الأيمن على أي عنصر واختيار فحص ():
| لوحة الفحص في DevTools | كيف يستخدمها مطور الواجهة الأمامية يومياً |
|---|---|
| لوحة العناصر () | معاينة شجرة الحية وتجربة تعديل ألوان ومقاسات لحظياً على الشاشة لرؤية النتيجة فوراً. |
| محاكي الشاشات () | اختبار تجاوب الواجهة الأمامية على مقاسات شاشات الهواتف والأجهزة اللوحية المختلفة بضغطة زر. |
| لوحة الطرفية () | قراءة رسائل التنبيه وأخطاء لتحديد سبب توقف زر أو قائمة تفاعلية عن العمل بدقة. |
| لوحة الشبكة () | مراقبة جميع الملفات والصور وطلبات البيانات التي يحمّلها الموقع وقياس زمن استجابتها وحالتها. |