סקירה כללית של חלונית הרכיבים

Dale St. Marthe
Dale St. Marthe

משתמשים בחלונית Elements כדי לבדוק ולערוך רכיבי DOM.

סקירה כללית

בחלונית רכיבים יש ממשק חזק לבדיקה ולשינוי של DOM. אפשר להשתמש בעץ ה-DOM, שדומה למסמך HTML, כדי לבחור צמתים ספציפיים ב-DOM ולשנות אותם באמצעות כלים אחרים.

בחלונית רכיבים יש גם את הכרטיסיות הבאות שמכילות כלים רלוונטיים:

פתיחת חלונית הרכיבים

כברירת מחדל, כשפותחים את כלי הפיתוח נפתחת חלונית הרכיבים. אפשר גם לבדוק צומת בכל מקום בדף כדי לפתוח באופן אוטומטי את החלונית רכיבים.

כדי לפתוח את החלונית רכיבים באופן ידני:

  1. פותחים את כלי הפיתוח.
  2. כדי לפתוח את תפריט הפקודות, לוחצים על:
    • macOS: ‏ Command+Shift+P
    • Windows, ‏ Linux, ‏ ChromeOS: ‏ Control+Shift+P תפריט הפקודות עם
  3. מתחילים להקליד Elements, בוחרים באפשרות Show Elements (הצגת רכיבים) ומקישים על Enter. ב-DevTools מוצגת החלונית Elements בתיבה הנשלפת שבתחתית החלון של DevTools.