एलिमेंट फ़ोकस को ट्रैक करें
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
मान लें कि आपको किसी पेज के कीबोर्ड नेविगेशन की सुलभता की जांच करनी है. Tab बटन का इस्तेमाल करके पेज पर नेविगेट करते समय, कभी-कभी फ़ोकस रिंग गायब हो जाती है. ऐसा इसलिए होता है, क्योंकि जिस एलिमेंट में फ़ोकस मौजूद होता है वह छिपा हुआ होता है. DevTools में फ़ोकस किए गए एलिमेंट को ट्रैक करने के लिए:
- कंसोल खोलें.
लाइव एक्सप्रेशन बनाएं
पर क्लिक करें.
ज़्यादा जानकारी के लिए, लाइव एक्सप्रेशन की मदद से, JavaScript की वैल्यू रीयल-टाइम में देखें लेख पढ़ें.
document.activeElement
टाइप करें.
सेव करने के लिए, लाइव एक्सप्रेशन यूज़र इंटरफ़ेस (यूआई) के बाहर क्लिक करें.
document.activeElement
के नीचे आपको जो वैल्यू दिखेगी वह एक्सप्रेशन का नतीजा है. वह एक्सप्रेशन हमेशा फ़ोकस किए गए एलिमेंट को दिखाता है, इसलिए अब आपके पास यह ट्रैक करने का एक तरीका है कि किस एलिमेंट पर फ़ोकस है.
- व्यूपोर्ट में फ़ोकस किए गए एलिमेंट को हाइलाइट करने के लिए, नतीजे पर कर्सर घुमाएं.
- एलिमेंट पैनल पर DOM
ट्री में एलिमेंट दिखाने के लिए, नतीजे पर राइट क्लिक करें और एलिमेंट पैनल में दिखाएं चुनें.
- नतीजे पर राइट क्लिक करें और ग्लोबल वैरिएबल के तौर पर स्टोर करें को चुनकर, उस नोड का वैरिएबल रेफ़रंस बनाएं जिसे कंसोल में इस्तेमाल किया जा सकता है.
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 2018-12-14 (UTC) को अपडेट किया गया.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"वह जानकारी मौजूद नहीं है जो मुझे चाहिए"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"बहुत मुश्किल है / बहुत सारे चरण हैं"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"पुराना"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"अनुवाद से जुड़ी समस्या"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"सैंपल / कोड से जुड़ी समस्या"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"अन्य"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"समझने में आसान है"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"मेरी समस्या हल हो गई"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"अन्य"
}]
{"lastModified": "\u0906\u0916\u093f\u0930\u0940 \u092c\u093e\u0930 2018-12-14 (UTC) \u0915\u094b \u0905\u092a\u0921\u0947\u091f \u0915\u093f\u092f\u093e \u0917\u092f\u093e."}
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2018-12-14 (UTC) को अपडेट किया गया."],[],[]]