Esistono strumenti o plug-in per il browser Web per eseguire il debug della funzionalità tabindex? Sembra che gli attributi tabindex siano corretti ma non si comportano come previsto. O faccio qualcosa di sbagliato?Come eseguire il debug di tabindex
Se si utilizza FireFox, scaricare Webdeveloper toolbar. È possibile visualizzare l'indice di tabulazione, questo può aiutare a eseguire il debug.
Ed ecco dove trovare questa opzione:
In Chrome è possibile fare clic su un elemento e selezionare "Inspect" dal menu contestuale. Quindi passare alla console e digitare $0.tabIndex.
Spiegazione: $ 0 - $ 4 fare riferimento agli ultimi 4 elementi esaminati. tabIndex è una proprietà standard delle API DOM HTMLEelement.
Vedi https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference
È possibile utilizzare gli strumenti di sviluppo di Chrome, Firefox e IE premendo F12 e spostarsi nella scheda console e quindi inserire il seguente:
document.addEventListener('keyup', function() {console.log(document.activeElement)})
Ora quando si sfogliano gli elementi attivabili, lo activeElement incluso il suo tabindex, se si dispone di un set, verrà stampato sulla console.