如何调试tabindex

Question

是否有任何工具或插件可供Web浏览器调试tabindex功能？似乎tabindex属性是正确的，但它的行为并不像预期的那样。或者我做错了什么？

Answer 1

您可以通过按 F12 并导航到控制台选项卡，然后插入以下内容，在Chrome，Firefox和IE中使用开发者工具：

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

现在，当您勾选可聚焦项目时activeElement包括其tabindex，如果您有一套，则会打印到控制台。

Answer 2

如果您使用FireFox，请获取Webdeveloper toolbar。您可以显示选项卡索引，这可以帮助您进行调试。

以下是找到该选项的地方：

Answer 3

在Chrome中，您可以右键单击某个元素，然后选择＆＃34;检查＆＃34;从上下文菜单中。然后切换到控制台并键入$0.tabIndex。

说明：$ 0 - $ 4指的是你检查的最后4个元素。 tabIndex是DOM API HTMLEelement的标准属性。

请参阅https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference