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

标签 javascript google-chrome firefox firebug opera-dragonfly

如何检查鼠标移开时消失的元素? Example dropdown which disappears

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

我尝试过的解决方案:

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

手动检查 DOM 树的变化没有任何意义,因为它似乎太快以至于无法注意到发生了什么变化。

成功:

我在事件断点方面取得了成功。特别是 - 在我的例子中是 mousedown。只需转到 Chrome 中的 Sources-> Event Listener Breakpoints-> Mouse-> mousedown。之后,我单击了要检查的元素,并在 Scope Variables 中看到了一些有用的说明。

最佳答案

(此答案仅适用于 Chrome 开发者工具。请参阅下面的更新。)

找到一个包含消失元素的元素。右键单击元素并应用“Break on... > Subtree Modifications”。这将在元素消失之前引发调试器暂停,这将允许您与处于暂停状态的元素进行交互。

enter image description here

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

enter image description here

2020 年 9 月 15 日更新:Chrome 有一个“模拟聚焦页面”选项(您可以从 [⌘]+[P] 命令菜单或全局首选项中获取)以满足这一确切需求. 5 - h/t @sulco on Twitter

关于javascript - 如何检查浏览器中消失的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19422214/

相关文章:

javascript - 如何检测子页面中打开的打印预览模式?

javascript - 我可以在 chrome 扩展程序中找到带有选定文本的标签吗?

java - 当页面第一次加载时,webdriver需要很长时间才能找到第一个元素。

javascript - 关于 Linux 上 Javascript 中的文件处理

javascript - 电子邮件验证 Javascript RegExp

javascript - 更改选择按钮的样式和/或条件样式

javascript - 如何使用 jest 模拟 react-router-dom 的 BrowserRouter

javascript - knockout JS : Sorting and splicing an observable array of observable numbers

javascript - 当 Google 文档中的所有文件时 HTML 无法加载图像

firefox - 为什么VSCode外部链接打不开,导致firefox崩溃