Asc*_*iom 6 javascript debugging dom
我正在看一个网站并看到一些有趣的东西:一个以有趣的方式动画的DOM元素.我想知道它是如何完成的,所以我开始深入研究源代码.我花了很长时间来追踪执行此操作的代码段.
有没有人知道一种"跟踪"DOM元素的方法,以便您可以检测它被操作的代码？
在Chrome中,您可以添加DOM断点.您可以在此处找到更深入的解释.
总之,你选择要在元素面板检查的DOM元素,你选择Break On...- > Subtree Modifications.当DOM元素改变其结构时,您将指向执行该操作的JS代码.
但是,如果你的JS代码,做动画后特别是,这可能只改变元素的CSS,而据我所知,有没有办法突破这一点.
在另一方面,Chrome是也让你非常灵活的JavaScript事件打破在浏览器中发生.正如jfrej建议的那样,你可以看到什么动作触发了动画并打破了它.
您可以将断点设置为Attributes modification从相同的元素菜单(Break On...),它也将打破对CSS的变化.感谢Bergi在评论中提出的建议.在这里尝试了一个简单的例子.
| 归档时间： |
|
| 查看次数： |
1332 次 |
| 最近记录： |