משתמשים בכרטיסייה Elements (רכיבים) > Properties (מאפיינים) כדי לעיין במאפיינים של אובייקטים ב-DOM ולסנן אותם.
פתיחת הכרטיסייה 'מאפיינים'
כדי לפתוח את הכרטיסייה Properties:
- פותחים את כלי הפיתוח. כברירת מחדל, החלונית Elements תיפתח.
- בעץ ה-DOM, בוחרים צומת.
- פותחים את הכרטיסייה מאפיינים. אם הכרטיסייה לא מוצגת, לוחצים על עוד ובוחרים אותה מהתפריט הנפתח.
נכסים של בעלות ספוט
בכרטיסייה Properties (מאפיינים), המאפיינים של האובייקט ממוינים ומוצגים קודם ובפונט מודגש.
איך מוצאים את המקור של מאפיין שעובר בירושה
בכרטיסייה Properties מתבצעת הערכה של פונקציות הגישה (accessors) ברכיבים מובנים, והן מוצגות באובייקט כירושה ובגופן רגיל.
כדי למצוא את המקור של נכס שעבר בירושה, מרחיבים את האובייקט, ואז את [[Prototype]] שלו, ואז את [[Prototype]] הפנימי וכו'.
בדוגמה הזו, אפשר לעקוב אחרי המקור של נכס size שעבר בירושה. לשם כך, מאתרים את הנכס המקורי (המודגש) בשרשרת אב הטיפוס יחד עם getter התואם.
בנוסף, מאפיינים ספציפיים לאב-טיפוס מוצגים רק באבי-טיפוס, ולא באובייקטים. כך קל יותר לאבחן אובייקטים.
סינון המאפיינים
כדי למצוא מאפיין במהירות, מתחילים להקליד את השם או את הערך שלו בתיבת הקלט מסנן.
הצגת כל המאפיינים
כברירת מחדל, בכרטיסייה נכסים לא מוצגים נכסים עם הערכים null ו-undefined.
כדי לראות את כל המלונות, מסמנים את התיבה הצגת הכול.
הסבר על נכסים
בכרטיסייה Elements (רכיבים) > Properties (מאפיינים) מוצגים מגוון מאפיינים.
נכסים פשוטים
נכסים פשוטים הם צמדים של <name>: <value>.
אובייקטים ומערכים
מאפיינים שניתן לכווץ () הם אובייקטים {} או מערכי [].
למידע נוסף על בדיקת אובייקטים של JavaScript, ראו בדיקת מאפייני אובייקטים.
מאפיינים שתואמים לצומתי DOM
מאפיינים שתואמים לצומתי DOM הם קישורים. לוחצים על קישור כדי לבחור את הצומת הרלוונטי בעץ ה-DOM.
נכסים בבעלות ובנכסים שעברו בירושה
מאפיינים בכתב מודגש הם מאפיינים של האובייקט. הם מוגדרים ישירות באובייקט.
מאפיינים בגופן רגיל עוברים בירושה משרשור האב טיפוס. כדי להציג אותם, כלי הפיתוח מעריכים את רכיבי הגישה הרלוונטיים לפי רכיבי HTML מובנים.
הנכסים של DevTools ממוינים קודם כדי שיהיה קל יותר לזהות אותם.
מאפיינים שניתן למנות ומאפיינים שלא ניתן למנות
מאפיינים רבים הם בהירים בצבעים. מאפיינים שלא ניתן למנות אותם מושתקים.
אפשר לבצע איטרציה על המאפיינים הניתנים לספירה באמצעות הלולאה for … in או השיטה Object.keys().
שיטות
שיטות מסומנות ב-f ().
מידע נוסף על פונקציות זמין במאמר בדיקת פונקציות דרך המסוף.