我怎么能检查一个元素消失时,我的鼠标移动?

我不知道它的ID,类或任何东西,但想检查它。

我尝试过的解决方案:

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

手动检查DOM树的变化给我什么也没有,因为它似乎太快了,没有注意到有什么变化。

成功:

我已经成功地使用了事件断点。特别是在我的例子中,鼠标向下。只需去源代码->事件监听器断点->鼠标->鼠标在Chrome。之后,我点击了我想要检查的元素,在Scope Variables中我看到了一些有用的说明。


当前回答

我在Mac上使用chrome浏览器,我遵循了上面的步骤,但我会试着解释更多:

右击并转到检查元素。 转到资源选项卡。 然后悬停在元素上。 然后使用键盘F8或命令(窗口)\。它将在静态状态下暂停屏幕,悬停时元素不会消失。

其他回答

我在Mac上使用chrome浏览器,我遵循了上面的步骤,但我会试着解释更多:

右击并转到检查元素。 转到资源选项卡。 然后悬停在元素上。 然后使用键盘F8或命令(窗口)\。它将在静态状态下暂停屏幕,悬停时元素不会消失。

(这个答案只适用于Chrome开发工具。见下文更新。)

找到包含消失元素的元素。右键单击元素并应用“Break on…”>子树修改。”这将在元素消失之前抛出调试器暂停,这将允许您与处于暂停状态的元素交互。

2019年10月22日更新:随着v. 70的发布,看起来FireFox终于支持这种调试2 3:

2020年9月15日更新:Chrome有一个“模拟一个集中的页面”选项(你可以从[⌘]+[P]命令菜单或全局首选项中获得)来满足这一需求。5 - h/t在推特上@sulco

2022年验证

做以下几点:

打开控制台并导航到Elements选项卡 输入command + shift + P (OSX)或control + shift + P (Windows) 输入聚焦这个词 从菜单中选择模拟一个重点页面

现在在控制台中单击将不会关闭元素。

在我的情况下,我使用扩展递归谷歌chrome选项:

步骤如下:

检查下拉框 找到动态DOM(紫色高亮部分) 鼠标右键单击动态DOM 选择递归扩展: 我们可以看到所有的元素都在那里

下面是一个演示:

我有同样的问题,但我使用Firefox,它消失了,只要我打开检查元素找到一个解决方案: 打开4虚线(设置)到web开发>调试器,并立即按F8,这是暂停的快捷方式,停止脚本之前踢,并检测到你打开了开发人员工具