通过 Firebug 分析 DOM 事件：hover答案

【问题标题】：Analyzing DOM Event via Firebug :hover通过 Firebug 分析 DOM 事件：hover
【发布时间】：2011-04-12 01:29:00
【问题描述】：

我正在尝试调试一个问题，通常我会使用 Firebug 的真棒：悬停状态切换（在右侧的“样式”下拉选项卡下）。但是，在这种情况下，我需要检查 DOM 元素 Y，当元素 X 悬停时，该元素 Y 由 javascript 动态生成。在样式选项卡下切换 Firebug 的 ":hover" 选项不会锁定 DOM，我无法让元素 Y 可见以供检查。请问有什么帮助吗？

【问题讨论】：

标签： javascript ajax debugging firebug

【解决方案1】：

从 Firebug 控制台手动调用 onmouseover 事件处理程序。（大多数 javascript 框架为此提供了快捷方式，例如，如果您使用 jQuery 进行悬停处理，您可以说 $('#some-element').trigger('mouseover')（或者可能是 mouseenter，尽管可能两者都有效）。）

【讨论】：

谢谢！当您说“从 Firebug 控制台手动调用 onmouseover 事件处理程序...”时，恐怕我不确定您的意思。我可以在 Firebug 控制台的哪个位置执行此操作？
@Brian：您可以从 Firbug 控制台执行任何 javascript（选择“控制台”选项卡，您可能必须启用它；然后右侧会出现一个框或底部有一个栏，取决于您的设置，您可以在哪里键入）。见the docs。您运行处理程序的具体方式取决于您使用的脚本或框架，请参见例如this answer.