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

Question

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

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

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

dir($('.start'))

Answer 1

在元素面板上，右键单击元素，Break on... > 属性修改。

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

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