检查快速隐藏的元素

时间:2015-08-12 14:47:25

标签: html google-chrome google-chrome-devtools firebug code-inspection

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

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

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

3 个答案:

答案 0 :(得分:6)

我猜测是否正在使用JavaScript删除该元素?您可以请求Chrome在修改DOM时暂停执行JavaScript。右键单击创建消失元素的元素(父元素),然后单击Break on ...子菜单中的Subtree Modifications。

它不一定是直接的父母。如果你不知道确切的父母,你总是可以使用html或body元素来打破。

Screenshot of menu item

在您检查完该元素后,点击“继续”继续执行JavaScript。

答案 1 :(得分:0)

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

在Firebug中,您可以通过右键单击 HTML 面板中的元素并选中 Break On Attribute Change Break On Child Addition或Removal < / em>和/或分解元素删除

Break On Mutation options

答案 2 :(得分:0)

我最近在Google Chrome浏览器中发现的一种好方法是,当元素可见并且检查器面板打开时,按 F8 按钮,因此页面执行暂停并您可以检查该死的元素!