javascript - 使用控制台查看元素的操作位置

Question

我刚刚开始使用 Timeline.js，我想将标题的类从 更改start为whatever. 但是，该类是在 Timeline 库中的某处动态设置的。我已经搜索了源代码，但是理解所有连接有点困难。

我的问题很简单：有没有办法使用 Chrome 控制台查看 Javascript 代码中元素的创建/操作/添加了一个类？

这是我迄今为止尝试过的：

dir($('.start'))

Answer 1

在Elements面板上，右键单击元素Break on... > Attribute modify。

我怀疑您是否可以改进断点以仅在类名更改时中断，但这应该是一个很好的起点。

我认为创建节点时不能直接中断，但是当父子树发生更改时（来自同一菜单），您可以中断。同样，它并不完全是您所需要的，但它足够接近让您开始。