如何检查鼠标移开时消失的元素?
我不知道它的 ID、等级或任何东西,但想检查它。
我尝试过的解决方案:
在控制台内运行 jQuery 选择器,$('*:contains("some text")')但没有任何运气,主要是因为该元素没有隐藏,但可能从 DOM 树中删除。
$('*:contains("some text")')
手动检查 DOM 树的变化并没有给我任何帮助,因为它似乎太快而无法注意到发生了什么变化。
成功:
我在事件断点方面取得了成功。具体来说-在我的情况下是mousedown。只需进入Sources-> Event Listener Breakpoints-> Mouse-> mousedownChrome。之后我点击了我想检查的元素,在里面Scope Variables我看到了一些有用的方向。
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] 命令菜单或全局首选项中获取它)来满足这一确切需求