如何检查鼠标移开时消失的元素?
我不知道它的 ID、类或任何东西,但想检查它。
我尝试过的解决方案:
在控制台内运行 jQuery 选择器 $('*:contains("some text")')
但没有任何运气,主要是因为元素没有隐藏但可能从 DOM 树中删除.
手动检查 DOM 树的变化没有任何意义,因为它似乎太快以至于无法注意到发生了什么变化。
成功:
我在事件断点方面取得了成功。特别是 - 在我的例子中是 mousedown。只需转到 Chrome 中的 Sources-> Event Listener Breakpoints-> Mouse-> mousedown
。之后,我单击了要检查的元素,并在 Scope Variables
中看到了一些有用的说明。
最佳答案
(此答案仅适用于 Chrome 开发者工具。请参阅下面的更新。)
找到一个包含消失元素的元素。右键单击元素并应用“Break on... > Subtree Modifications”。这将在元素消失之前引发调试器暂停,这将允许您与处于暂停状态的元素进行交互。
2019 年 10 月 22 日更新:随着 v.70 的发布,FireFox 似乎终于支持这种调试了 2 3 :
2020 年 9 月 15 日更新:Chrome 有一个“模拟聚焦页面”选项(您可以从 [⌘]+[P] 命令菜单或全局首选项中获取)以满足这一确切需求. 5 - h/t @sulco on Twitter
关于javascript - 如何检查浏览器中消失的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19422214/