如何检查浏览器中的消失元素?

如何检查鼠标移开时消失的元素? 示例下拉消失

我不知道这是身份证,class或其他什么,但要检查它。

我试过的解决scheme:

在控制台$('*:contains("some text")')运行jQueryselect器,但没有任何运气,主要是因为该元素没有隐藏,但可能从DOM树中删除。

手动检查DOM树的变化没有给我什么,因为它似乎太快,不知道发生了什么变化。

成功:

事件断点我已经成功了。 具体来说 – 在我的情况下。 只需在Chrome浏览器中Sources-> Event Listener Breakpoints-> Mouse-> mousedown 。 之后,我点击了我想检查的元素,在Scope Variables里面我看到了一些有用的指示。

(这个答案只适用于Chrome开发者工具。)

find一个包含消失元素的元素。 右键单击元素并应用“Break on …> Subtree Modifications”。 这会在元素消失之前抛出一个debugging器暂停,这将允许您与处于暂停状态的元素进行交互。

在这里输入图像说明

Chrome中的另一种方法:

显示所需元素时,按F8(或Ctrl + /)。 这会在完全冻结DOM的情况下中断脚本执行。

从那里你可以使用Ctrl + Shift + C来select短暂的元素。

在Firebug中有不同的解决scheme:

  1. 您可以在HTML面板中使用Break On Mutate 。 (有了这个,你也可以找出它是哪个元素)
  2. 您可以右键单击该元素,然后select使用Firebug检查元素

您也可以按照问题551 ,要求暂时阻止特定事件。

编辑:

要找出它是哪个元素,您还可以启用HTML面板选项“ 突出显示更改” ,“ 展开更改”更改 滚动到视图”,以使该元素在HTML面板内可见。

塞巴斯蒂安

我在Mac上使用铬我已经按照上面的步骤,但我会尝试解释更多一点:

  1. 右键单击并去检查元素。
  2. 转到资源标签。
  3. 然后hover在元素上。
  4. 然后使用键盘F8 Command(Window) \ 。 它会暂停屏幕静止状态,元素不会消失hover。

您可以查看元素下面的元素中出现和消失的元素。 如果在元素可见时导航到元素,则应该能够看到它消失,或者在状态更改时看到它的css更改。

这是可能的firefox或firefox的内置检查员在铬。