如何使用 Firebug 为仅在单击时出现的元素调试 CSS？答案

【问题标题】：How to debug CSS with Firebug for an element that only appears when clicked?如何使用 Firebug 为仅在单击时出现的元素调试 CSS？
【发布时间】：2010-02-08 15:55:51
【问题描述】：

我想调试 DHTML 菜单的 CSS，但我要调试的元素是子菜单，因此它仅在单击菜单中的顶部元素时出现。

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

关于如何摆脱这个 catch-22 的任何提示？

【问题讨论】：

标签： css firebug

【解决方案1】：

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

阅读更多firebug documentation

【讨论】：

【解决方案2】：

直接在源代码中选择 HTML 选项卡中的元素。

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

在所有按钮可见的情况下进行调试怎么样？或者你仍然可以在 HTML 树中找到元素。

【讨论】：

【解决方案5】：

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

【讨论】：