首页 ❯

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

javascript google-chrome firefox firebug opera-dragonfly
2022-08-30 00:50:33

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

我不知道它是ID，类还是任何东西，但想检查它。

我尝试过的解决方案：

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

手动检查DOM树的更改对我来说没有任何帮助，因为它似乎太快而无法注意到发生了什么变化。

成功：

我已成功处理事件断点。具体来说 - 在我的情况下，鼠标下降。只需转到Chrome中即可。之后，我单击了要检查的元素，并在内部看到了一些有用的方向。Sources-> Event Listener Breakpoints-> Mouse-> mousedownScope Variables


答案 1

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

查找包含消失元素的元素。右键单击该元素并应用“中断...>子树修改。这将在元素消失之前引发调试器暂停，这将允许您在暂停状态下与元素进行交互。

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


答案 2

Chrome 中的另一种方法：

  • Open devTools （F12）.
  • 选择“来源”标签。
  • 显示所需元素时，按 F8（或 Ctrl+/）。这将中断脚本执行并完全按照显示的方式“冻结”DOM。
  • 此时，使用 Ctrl+Shift+C 选择元素。

推荐
更多 »
标签
更多 »
php pass-by-reference optional-parameters default-value javascript arrays dom function string object serialization tostring visibility syntax jslint use-strict operators equality equality-operator identity-operator datetime timestamp date-arithmetic redirect angularjs loops foreach iteration scope variables
推荐
更多 »