3

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

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

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

4

3 回答 3

11

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

它不必是直接父母。如果您不知道确切的父级,您可以随时使用 html 或 body 元素来中断。

菜单项截图

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

于 2015-08-12T14:58:33.123 回答
2

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

在 Firebug 中,您可以通过右键单击HTML面板中的元素并检查Break On Attribute ChangeBreak On Child Addition or Removal和/或Break On Element Removal来做到这一点。

突变中断选项

于 2016-03-01T10:54:29.847 回答
0

我最近在 Google Chrome中发现的一个好方法是在元素可见且检查器面板打开时按下F8按钮,这样页面执行就会暂停,您可以检查该死的元素!

于 2020-11-13T13:44:02.407 回答