استخدِم علامة التبويب العناصر > السمات لتصفُّح سمات عناصر DOM وفلترة هذه السمات.
افتح علامة التبويب "الخصائص".
لفتح علامة التبويب الخصائص، اتّبِع الخطوات التالية:
- افتح "أدوات مطوري البرامج". يتم تلقائيًا فتح لوحة العناصر.
- في شجرة نموذج DOM، اختَر عقدة.
- افتح علامة التبويب الخصائص. إذا لم تظهر لك علامة التبويب، انقر على رمز المزيد ، ثم اختَرها من القائمة المنسدلة.
العثور على المواقع التي تملكها
تعمل علامة التبويب الخصائص على ترتيب خصائص الكائن وعرضها أولاً وبخط عريض.
العثور على مصدر خاصية مكتسَبة
تقيِّم علامة التبويب الخصائص أدوات الوصول إلى العناصر المضمّنة وتعرضها على الكائن على أنّها مكتسَبة وبخط عادي.
للعثور على مصدر خاصية مكتسَبة، وسِّع عنصرًا، ثم [[Prototype]]
الخاص به، ثم [[Prototype]]
المُدمَج، وهكذا.
في هذا المثال، يمكنك تتبُّع المكان الذي وردت منه السمة size
المكتسَبة من خلال تحديد موقع السمة الأصلية (الغامقة) ضمن سلسلة النموذج الأوّلي مع القيمة المقابلة لها.
بالإضافة إلى ذلك، لا تظهر الخصائص المتعلّقة بالنماذج الأولية إلا في النماذج الأولية، وليس في العناصر. وهذا يسهل تشخيص الكائنات.
خصائص الفلتر
للعثور على موقع بسرعة، ابدأ بكتابة اسمه أو قيمته في مربّع إدخال الفلترة.
عرض جميع المواقع
لا تعرض علامة التبويب السمات تلقائيًا السمات التي تحتوي على قيمتَي null
وundefined
.
للاطّلاع على جميع المواقع، ضَع علامة في المربّع عرض الكل.
فهم المواقع
تعرِض علامة التبويب العناصر > الخصائص مجموعة متنوعة من الخصائص.
السمات البسيطة
الخصائص البسيطة هي أزواج من <name>: <value>
.
الكائنات والصفائف
الخصائص القابلة للطي ({}
أو صفائف []
.
لمزيد من المعلومات حول فحص كائنات JavaScript، يُرجى الاطّلاع على فحص خصائص الكائن.
السمات التي تتوافق مع عقد DOM
السمات التي تتوافق مع عقد DOM هي روابط. انقر على رابط لاختيار العُقدة ذات الصلة في شجرة نموذج العناصر في المستند.
المواقع المملوكة والمكتسَبة
السمات المكتوبة بخط عريض هي سمات الكائن. ويتم تحديدها مباشرةً على الجسم.
يتم اكتساب الخصائص ذات الخط العادي من سلسلة النماذج الأوّلية. لعرضها لك، تقيِّم أدوات المطوّر أدوات الوصول ذات الصلة في عناصر HTML المضمّنة. تُرتّب "أدوات المطوّر" المواقع الخاصة أولاً لتسهيل العثور عليها.
الخصائص القابلة للتعداد وغير القابلة للتعداد
تكون الخصائص التي يمكن إدراجها بلون مشرق. يتم تجاهل الخصائص التي لا يمكن تعدادها.
يمكنك تكرار السمات التي يمكن عدّها باستخدام حلقة for … in
أو الطريقة Object.keys()
.
الطُرق
تم وضع علامة f ()
على الطرق.
لمزيد من المعلومات عن الدوالّ، يمكنك الاطّلاع على مقالة فحص الدوالّ من خلال وحدة التحكّم.