如何使用Firebug调试CSS，只显示单击时出现的元素？

Question

我想调试DHTML菜单的CSS，但我要调试的元素是一个子菜单，所以只有在单击菜单中的顶部元素时才会出现。

所以我不能在Firebug上使用那个按钮显示单击下一个元素的CSS，因为当我点击顶部菜单项时，它将显示该元素的CSS，而不是它的子元素，如果我展开先菜单然后点击Firebug按钮，子菜单消失（失去焦点时消失）。

关于如何摆脱这个捕获22的任何提示？

Answer 1

使用firebug控制台命令行运行单击事件。像$('#menutab a').click();如果需要，你也可以设置断点以避免隐藏。

在firebug documentation

中了解详情

Answer 2

直接在源代码中，在HTML标签中选择您的元素。

然后，您可以将页面悬停以进行切换。

Answer 3

在这种情况下，我有时会略微更改脚本，以使“隐藏”元素保持可见。

在这种情况下，我可能会注释掉/禁用隐藏元素模糊的脚本代码。这样，您可以单击主元素，并根据需要检查现在可见的项目。

Answer 4

如何调试所有可见的按钮？或者您仍然可以在HTML树中找到该元素。

Answer 5

在Opera中，您可以使用Dragonfly（工具＆gt;高级＆gt;开发人员工具，或Ctrl + Shift + i）来解决此问题。当工具处于活动状态时，单击页面的任何部分将与其CSS并排导航到HTML的该部分。