2012-08-09 17 views
8

डीबग कैसे करें वेब ब्राउज़र के लिए tabindex कार्यक्षमता डीबग करने के लिए कोई टूल या प्लगइन हैं? ऐसा लगता है कि tabindex विशेषताएँ सही हैं लेकिन यह अपेक्षा के अनुसार व्यवहार नहीं करती है। या मैं कुछ गलत करता हूँ?टैबिंडेक्स

उत्तर

8

यदि आप फ़ायरफ़ॉक्स का उपयोग करते हैं, तो Webdeveloper toolbar प्राप्त करें। आप टैब इंडेक्स प्रदर्शित कर सकते हैं, इससे आपको डीबग करने में मदद मिल सकती है।

और यहाँ जहां कि विकल्प खोजने के लिए है:

enter image description here

1

क्रोम में आप एक तत्व राइट क्लिक करें और संदर्भ मेनू से "निरीक्षण" का चयन कर सकते हैं। फिर कंसोल पर स्विच करें और $0.tabIndex टाइप करें।

स्पष्टीकरण: $ 0 - $ 4 आपके द्वारा निरीक्षण किए गए अंतिम 4 तत्वों का संदर्भ लें। tabIndex डीओएम एपीआई के HTMLEelement की एक मानक संपत्ति है।

देखें https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference

7

आप F12 दबाकर और सांत्वना टैब पर नेविगेट करके क्रोम, Firefox और IE में डेवलपर टूल का उपयोग कर सकते हैं और फिर सम्मिलित करें:

document.addEventListener('keyup', function() {console.log(document.activeElement)})

अब जब आप फोकस करने योग्य वस्तुओं के माध्यम से activeElement को अपने tabindex समेत टैब करते हैं, यदि आपके पास एक सेट है, तो कंसोल पर प्रिंट किया जाएगा।

संबंधित मुद्दे