Существуют ли какие-либо инструменты или плагины для веб-браузера для отладки функций tabindex? Кажется, что атрибуты tabindex верны, но они ведут себя не так, как ожидалось. Или я делаю что-то неправильно?
Как отлаживать tabindex
Ответ 1
Если вы используете FireFox, получите панель инструментов Webdeveloper. Вы можете отобразить индекс вкладки, это может помочь вам отладить.
И вот где найти этот вариант:
Ответ 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