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

Question

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

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

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

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

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

Answer 1

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