Как отлаживать tabindex

Существуют ли какие-либо инструменты или плагины для веб-браузера для отладки функций tabindex? Кажется, что атрибуты tabindex верны, но они ведут себя не так, как ожидалось. Или я делаю что-то неправильно?

ОТВЕТЫ

Ответ 1

Если вы используете FireFox, получите панель инструментов Webdeveloper. Вы можете отобразить индекс вкладки, это может помочь вам отладить.

И вот где найти этот вариант:

enter image description here

Ответ 2

Вы можете использовать инструменты разработчика в Chrome, Firefox и IE, нажав F12 и перейти на вкладку консоли, а затем вставить следующее:

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

Теперь, когда вы вставляете объекты, activeElement tabindex, на консоль будет напечатан активный activeElement включающий его tabindex, если у вас есть один набор.

Ответ 3

В Chrome вы можете щелкнуть правой кнопкой мыши элемент и выбрать "Осмотреть" в контекстном меню. Затем переключитесь на консоль и введите $0.tabIndex.

Объяснение: $ 0 - $ 4 относятся к последним 4 элементам, которые вы проверили. tabIndex является стандартным свойством DOM API HTMLEelement.

См. Https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference