小编典典

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

all

如何检查鼠标移开时消失的元素? 示例下拉列表消失

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

我尝试过的解决方案:

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

手动检查 DOM 树的变化并没有给我任何帮助,因为它似乎太快而无法注意到发生了什么变化。

成功:

我在事件断点方面取得了成功。具体来说-在我的情况下是mousedown。只需进入Sources-> Event Listener Breakpoints-> Mouse-> mousedownChrome。之后我点击了我想检查的元素,在里面Scope Variables我看到了一些有用的方向。


阅读 62

收藏
2022-06-09

共1个答案

小编典典

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

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

在此处输入图像描述

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

3

在此处输入图像描述

2020 年 9 月 15 日更新: Chrome 有一个“模拟焦点页面”选项(您可以从 [⌘]+[P] 命令菜单或全局首选项中获取它)来满足这一确切需求

2022-06-09