מעקב אחר מיקוד

Kayce Basques
Kayce Basques
Alexandra Klepper
Alexandra Klepper

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

  1. פותחים את המסוף.
  2. לוחצים על יצירת ביטוי בשידור חי.

    יצירת ביטוי בזמן אמת.

    מידע נוסף על צפייה בערכי JavaScript בזמן אמת באמצעות Live Expressions

  3. מקלידים document.activeElement.

  4. כדי לשמור, לוחצים מחוץ לממשק של הבעה בזמן אמת.

הערך אחרי document.activeElement הוא התוצאה של הביטוי. מכיוון שהביטוי הזה תמיד מייצג את הרכיב המודגש, אפשר לעקוב אחרי הרכיב שמודגש.

  • מעבירים את העכבר מעל התוצאה כדי להדגיש את האלמנט שבמוקד באזור התצוגה.
  • לוחצים לחיצה ימנית על התוצאה ובוחרים באפשרות פתיחה בחלונית הרכיבים כדי להציג את הרכיב בעץ ה-DOM בחלונית רכיבים.
  • לוחצים לחיצה ימנית על התוצאה ובוחרים באפשרות Store as global variable (שמירה כמשתנה גלובלי) כדי ליצור הפניה למשתנה של הצומת שאפשר להשתמש בו במסוף.