मान लें कि आपको किसी पेज के कीबोर्ड नेविगेशन की सुलभता की जांच करनी है. Tab बटन का इस्तेमाल करके पेज पर नेविगेट करते समय, कभी-कभी फ़ोकस रिंग गायब हो जाती है. ऐसा इसलिए होता है, क्योंकि जिस एलिमेंट में फ़ोकस मौजूद होता है वह छिपा हुआ होता है. DevTools में फ़ोकस किए गए एलिमेंट को ट्रैक करने के लिए:
- कंसोल खोलें.
लाइव एक्सप्रेशन बनाएं
पर क्लिक करें.
ज़्यादा जानकारी के लिए, लाइव एक्सप्रेशन की मदद से, JavaScript की वैल्यू रीयल-टाइम में देखें लेख पढ़ें.
document.activeElementटाइप करें.सेव करने के लिए, लाइव एक्सप्रेशन यूज़र इंटरफ़ेस (यूआई) के बाहर क्लिक करें.
document.activeElement के नीचे आपको जो वैल्यू दिखेगी वह एक्सप्रेशन का नतीजा है. वह एक्सप्रेशन हमेशा फ़ोकस किए गए एलिमेंट को दिखाता है, इसलिए अब आपके पास यह ट्रैक करने का एक तरीका है कि किस एलिमेंट पर फ़ोकस है.
- व्यूपोर्ट में फ़ोकस किए गए एलिमेंट को हाइलाइट करने के लिए, नतीजे पर कर्सर घुमाएं.
- एलिमेंट पैनल पर DOM ट्री में एलिमेंट दिखाने के लिए, नतीजे पर राइट क्लिक करें और एलिमेंट पैनल में दिखाएं चुनें.
- नतीजे पर राइट क्लिक करें और ग्लोबल वैरिएबल के तौर पर स्टोर करें को चुनकर, उस नोड का वैरिएबल रेफ़रंस बनाएं जिसे कंसोल में इस्तेमाल किया जा सकता है.