نظرة عامة على لوحة العناصر

Dale St. Marthe
Dale St. Marthe

استخدِم لوحة العناصر لفحص عناصر DOM وتعديلها.

نظرة عامة

توفّر لوحة العناصر واجهة فعّالة لفحص عنصر DOM وإجراء تعديلات عليه. يمكنك استخدام شجرة نموذج عناصر المستند (DOM)، التي تشبه مستند HTML، لاختيار عقد معيّنة من نموذج عناصر المستند وتعديلها باستخدام أدوات أخرى.

تحتوي لوحة العناصر أيضًا على علامات التبويب التالية التي تحتوي على الأدوات ذات الصلة:

افتح لوحة "العناصر".

عند فتح "أدوات مطوّري البرامج"، يتم فتح لوحة "العناصر" تلقائيًا. يمكنك أيضًا فحص عقدة في أي مكان على الصفحة لفتح لوحة العناصر تلقائيًا.

لفتح لوحة العناصر يدويًا:

  1. افتح "أدوات مطوّري البرامج".
  2. افتح قائمة الأوامر بالضغط على:
    • نظام التشغيل macOS: Command+Shift+P
    • نظام التشغيل Windows وLinux وChromeOS: Control+Shift+P قائمة الأوامر التي تتضمّن
  3. ابدأ بكتابة Elements، واختَر إظهار العناصر، ثم اضغط على Enter. تعرِض "أدوات مطوّري البرامج" لوحة العناصر في الدرج في أسفل نافذة "أدوات مطوّري البرامج".