javascript - 您如何使用网站上的 Firebug/开发工具调试消失的元素？

Question

您如何使用网站上的 Firebug/开发工具调试消失的元素？

我有一个 div 在 mouseleave/out 时消失；我想用调试器探索这个 div，但是在我去 firebug/调试器窗口的路上，我想检查的 div 消失了。

有没有人有实现这一目标的技巧？

编辑:- 它未标记为显示:无，但已从 DOM 中删除。如果它不见了，那就有点难找了:-)

Answer 1

引用 this jsFiddle for an example of vanishing nodes on mouseout .

请注意，其他一些答案不会处理/捕获 iFrame 内容。这两种方法将...

正如 OP 所说，捕获这些元素的最简单方法是使用 Firebug 的 Break On Mutate功能。

---

另一种简单的替代方法是保存文件:

1. 将鼠标悬停在适当的元素上时...

2. 按 ControlS。 “另存为”功能保存生成的代码。
   对于覆盖 ControlS的站点，例如jsFiddle，按AltF，然后是 A(无论如何在 Windows 机器上)。

3. 打开保存的代码，您可以在那里看到稍纵即逝的元素。 iFrame 内容将位于 _files 子文件夹中。