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

کیس باسک
Kayce Basques
الکساندرا کلپر
Alexandra Klepper

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

  1. کنسول را باز کنید.
  2. کلیک ایجاد جلوه‌های ویژه زنده .

    ایجاد یک عبارت زنده.

    برای کسب اطلاعات بیشتر به بخش «مشاهده مقادیر جاوا اسکریپت به صورت بلادرنگ با Live Expressions» مراجعه کنید.

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

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

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

  • برای هایلایت کردن عنصر فوکوس شده در نمای دید، نشانگر ماوس را روی نتیجه نگه دارید.
  • روی نتیجه کلیک راست کرده و گزینه Open in Elements panel را انتخاب کنید تا عنصر در درخت DOM در پنل Elements نمایش داده شود.
  • روی نتیجه کلیک راست کرده و گزینه‌ی «ذخیره به عنوان متغیر سراسری» (Store as global variable) را انتخاب کنید تا یک ارجاع متغیر به گره ایجاد شود که بتوانید در کنسول از آن استفاده کنید.