Gibt es irgendwelche Tools oder Plugins für Webbrowser Debugging tabindex Funktionalität? Es scheint, dass tabindex Attribute korrekt sind, aber es verhält sich nicht wie erwartet. Oder mache ich etwas falsch?Wie Debuggen von Tabindex
Wenn Sie FireFox verwenden, erhalten Sie die Webdeveloper toolbar. Sie können den Registerkartenindex anzeigen, dies kann beim Debuggen hilfreich sein.
Und hier, wo diese Option finden:
In Chrome können Sie mit der rechten Maustaste auf ein Element und wählen Sie "Inspect" aus dem Kontextmenü. Wechseln Sie dann zur Konsole und geben Sie $0.tabIndex ein.
Erläuterung: $ 0 - $ 4 beziehen sich auf die letzten 4 von Ihnen inspizierten Elemente. tabIndex ist eine Standardeigenschaft der DOM-API HTMLEelement.
Siehe https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference
Sie die Entwicklertools in Chrome verwenden können, Firefox und IE von F12 und die Navigation zu der Konsole Lasche gedrückt und legen Sie die folgenden Schritte aus:
document.addEventListener('keyup', function() {console.log(document.activeElement)})
Jetzt Wenn Sie durch die fokussierbaren Elemente navigieren, wird die activeElement einschließlich ihrer tabindex, wenn Sie einen Satz haben, auf der Konsole gedruckt werden.