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
Antwort
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.