我正在查看一个网站，并看到了一些有趣的东西：以一种有趣的方式进行动画的DOM元素。我想弄清楚它是如何完成的，所以我开始研究源代码。我花了很长时间才能追踪这样做的代码。
有人知道一种"跟踪" dom元素的方法，以便您可以通过操纵它的代码来检测？
在Chrome中，您可以添加DOM断点。您可以在这里找到更深入的解释。
简而言之，您选择要在元素面板中检查的DOM元素，然后选择Break On...-> Subtree Modifications。当Dom元素更改其结构时，您将指向执行此操作的JS代码。
但是，如果您是在动画的JS代码之后的专门之后，可能只会更改元素的CSS，据我所知，没有办法突破。
另一方面，Chrome在让您打破浏览器中发生的JavaScript事件方面也非常灵活。正如JFREJ所建议的那样，您可以看到什么动作触发了动画并破坏了。
您可以从同一元素菜单（Break On...）将断点设置为Attributes modification，并且它也会在CSS更改上破坏。感谢Bergi在评论中的建议。在这里尝试了一个简单的示例。
在大多数情况下，JavaScript需要使用某种选择器来修改HTML结构或应用CSS。想想选择器可能是什么 - 通常是ID或类。
firebug可以在多个文件中进行搜索 - 只需转到脚本选项卡，集中在搜索字段中，然后检查多个文件。这样，您应该能够找到针对DOM元素的代码。
另外，如果动画是由事件触发的，例如单击鼠标，则可以使用Chrome的开发人员工具在 sources 项卡下添加事件侦听器断点 tab，它将以相同的方式工作如Alex所描述的DOM断点。