如何调试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工具栏.您可以显示选项卡索引,这可能有助于您进行调试.

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