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

קייס באסקית
קייס באסקית

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

  1. פותחים את מסוף.
  2. לוחצים על Create Live Expression יצירת ביטוי בזמן אמת.

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

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

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

  4. לוחצים מחוץ לממשק המשתמש של Live Express כדי לשמור.

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

  • מעבירים את העכבר מעל התוצאה כדי להדגיש את הרכיב שבו מתמקדים באזור התצוגה.
  • לוחצים לחיצה ימנית על התוצאה ובוחרים באפשרות Reveal in Elements כדי להציג את הרכיב ב-DOM Tree בחלונית Elements.
  • לוחצים לחיצה ימנית על התוצאה ובוחרים באפשרות Store as global variable (חנות כמשתנה גלובלי) כדי ליצור הפניה למשתנה לצומת שבו אפשר להשתמש ב-Console.