chrome怎么调试有js频繁修改的dom元素

Question

比方说这个，一直在变化left，这样就不能选中css属性了。而且这个会影响到其他元素。

Answer 1

可以用DOM Breakpoint（DOM断点调试）

在Chrome浏览器中，打开开发者工具，先选中一个页面元素，然后点击鼠标右键，依次点击菜单中的”Break on …”——勾选“Attributes modifications”。刷新页面，当该元素的属性发生变化时，就会暂停脚本的执行，并且定位到改变发生的地方。

除了可以监视DOM元素本身的属性变化，还可以监视其子元素的变化，以及何时元素被删除。