检查快速隐藏的元素

Question

我需要检查网站中的 HTML 元素，但我无法做到，因为该元素隐藏得非常快。

悬停元素B时出现元素A，当光标离开元素B时，元素A消失。所以我不知道如何找到它的直接父级，也不知道它是否被隐藏。

如何检查快速隐藏的元素？

Answer 1

我猜该元素正在使用 JavaScript 删除？您可以请求 Chrome 在 DOM 被修改时暂停 JavaScript 执行。右键单击创建消失元素的元素（parent），然后单击 Break on... 子菜单中的 Subtree Modifications。

不必是直接 parent。如果您不知道确切的 parent，您总是可以使用 html 或 body 元素来中断。

检查元素后，单击继续以继续 JavaScript 执行。

Answer 2

如果通过 JavaScript 切换元素显示，您可以通过在修改 DOM 时停止脚本执行来调查。

在 Firebug 中，您可以通过右键单击 HTML 面板中的元素并选中 Break On Attribute Change 来实现、添加或删除子项时中断 and/or 删除元素时中断。

Answer 3

我最近在GoogleChrome中发现的一个好方法是按下F8按钮元素可见并且检查器面板打开，因此页面执行暂停，您可以检查该死的元素！