如何调试tabindex

问题描述投票：11回答：3

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

html

debugging

tabindex

3个回答

9
投票

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

这里是找到该选项的地方：

17
投票

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

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

现在当你勾选可聚焦项目时，activeElement包括它的tabindex，如果你有一套，将被打印到控制台。

2
投票

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

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