Wie debugge Tabindex

9

Gibt es irgendwelche Tools oder Plugins für den Webbrowser, um tabindex -Funktionalität zu debuggen? Es scheint, dass tabindex Attribute korrekt sind, aber es verhält sich nicht wie erwartet. Oder mache ich etwas falsch?

    
Artic 09.08.2012, 09:03
quelle

3 Antworten

8

Wenn Sie FireFox verwenden, rufen Sie die Webdeveloper-Symbolleiste auf. Sie können den Registerkartenindex anzeigen, dies kann Ihnen beim Debuggen helfen.

Und hier finden Sie diese Option:

    
Alex 09.08.2012, 09:09
quelle
7

Sie können die Entwicklertools in Chrome, Firefox und IE verwenden, indem Sie F12 drücken und zur Konsolenregisterkarte navigieren und Folgendes einfügen:

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

Wenn Sie jetzt durch die fokussierbaren Elemente navigieren, wird der activeElement einschließlich seines tabindex , wenn Sie einen Satz haben, auf die Konsole gedruckt.

    
Cristophs0n 16.06.2017 11:01
quelle
2

In Chrome können Sie mit der rechten Maustaste auf ein Element klicken und im Kontextmenü "Inspect" auswählen. Wechseln Sie dann zur Konsole und geben Sie tabIndex.tabIndex ein.

Erläuterung: $ 0 - $ 4 beziehen sich auf die letzten 4 Elemente, die Sie untersucht haben. HTMLEelement ist eine Standardeigenschaft der %code% der DOM-API.

Siehe Ссылка

    
Jakub Holý 28.10.2016 10:52
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Rails ActiveRecord Escape-Variable in der Join-Klausel