javascript - 如何跟踪 HTML 元素的添加？

Question

即页面上有许多缩小的脚本和 iframe，我想找到负责 HTML 元素外观的脚本的确切部分。

它只是<div style="height:120px;"></div>页面正文中的元素，它会在一段时间后动态出现。

这就是为什么我不能elements使用 Chrome 开发工具在选项卡中设置断点的原因。

如果我在此元素出现后设置断点，则此断点将在页面重新加载后丢失。

如果它在一段时间后出现并且我之前不能在它上面设置断点，如何定义什么脚本和它的哪一部分在页面上创建这个微小的 DOM 元素？

标签： javascripthtmldomgoogle-chrome-devtools

Answer 1

使用 Chrome 中的性能选项卡并运行简短的性能记录。然后放大并寻找 DOM 元素在瀑布中发生变化的点。单击瀑布中的那个标记，它将告诉您在 DOM 元素更改时调用了哪个方法。您应该能够通过在脚本中搜索函数调用从那里追踪它。