如何检查浏览器中的消失元素?
如何检查鼠标移开时消失的元素?
我不知道这是身份证,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:
- 您可以在HTML面板中使用Break On Mutate 。 (有了这个,你也可以找出它是哪个元素)
- 您可以右键单击该元素,然后select使用Firebug检查元素
您也可以按照问题551 ,要求暂时阻止特定事件。
编辑:
要找出它是哪个元素,您还可以启用HTML面板选项“ 突出显示更改” ,“ 展开更改”和“将更改 滚动到视图”,以使该元素在HTML面板内可见。
塞巴斯蒂安
我在Mac上使用铬我已经按照上面的步骤,但我会尝试解释更多一点:
- 右键单击并去检查元素。
- 转到资源标签。
- 然后hover在元素上。
- 然后使用键盘
F8 Command(Window) \
。 它会暂停屏幕静止状态,元素不会消失hover。
您可以查看元素下面的元素中出现和消失的元素。 如果在元素可见时导航到元素,则应该能够看到它消失,或者在状态更改时看到它的css更改。
这是可能的firefox或firefox的内置检查员在铬。