فوکوس عنصر را دنبال کنید

فرض کنید که در حال آزمایش دسترسی به پیمایش صفحه کلید یک صفحه هستید. هنگام پیمایش صفحه با کلید Tab ، گاهی اوقات حلقه فوکوس ناپدید می شود زیرا عنصری که فوکوس دارد پنهان است. برای ردیابی عنصر متمرکز در DevTools:

  1. کنسول را باز کنید.
  2. روی Create Live Expression کلیک کنید ایجاد Live Expression .

    ایجاد یک بیان زنده

    برای اطلاعات بیشتر، به تماشای مقادیر جاوا اسکریپت در زمان واقعی با Live Expressions مراجعه کنید.

  3. document.activeElement را تایپ کنید.

  4. برای ذخیره، خارج از رابط کاربری Live Expression کلیک کنید.

مقداری که در زیر document.activeElement می بینید، نتیجه عبارت است. از آنجایی که آن عبارت همیشه عنصر متمرکز را نشان می دهد، اکنون راهی دارید که همیشه ردیابی کنید که کدام عنصر فوکوس دارد.

  • ماوس را روی نتیجه بگیرید تا عنصر فوکوس شده در نمای دید برجسته شود.
  • روی نتیجه کلیک راست کرده و Reveal in Elements panel را انتخاب کنید تا عنصر موجود در درخت DOM در پانل Elements نشان داده شود.
  • روی نتیجه کلیک راست کرده و Store as global variable را انتخاب کنید تا یک مرجع متغیر به گره ایجاد کنید که می توانید در کنسول استفاده کنید.