נניח שאתם בודקים את נגישות הניווט באמצעות מקלדת בדף מסוים. כשמנווטים בדף באמצעות המקש Tab, טבעת המיקוד נעלמת לפעמים כי הרכיב שבו המיקוד מוסתר. כדי לעקוב אחרי הרכיב שבו מתמקדים בכלי הפיתוח:
- פותחים את המסוף.
לוחצים על יצירת ביטוי בזמן אמת .
מידע נוסף זמין במאמר בנושא צפייה בערכי JavaScript בזמן אמת באמצעות ביטויים בזמן אמת.
צריך להקליד
document.activeElement
.כדי לשמור, לוחצים מחוץ לממשק המשתמש של Live Express.
הערך שרואים מתחת ל-document.activeElement
הוא התוצאה של הביטוי. מכיוון שהביטוי הזה תמיד מייצג את הרכיב שבו מתמקדים, עכשיו יש דרך תמיד לעקוב אחרי הרכיב שבו הוא מתמקד.
- מעבירים את העכבר מעל התוצאה כדי להדגיש את הרכיב שבו מתמקדים באזור התצוגה.
- לוחצים לחיצה ימנית על התוצאה ובוחרים באפשרות Reveal in Elements Panel כדי להציג את הרכיב ב-DOM עץ בחלונית Elements.
- לוחצים לחיצה ימנית על התוצאה ובוחרים באפשרות Store כמשתנה גלובלי כדי ליצור הפניית משתנה לצומת שבו ניתן להשתמש במסוף.