dom元素上添加断点（使用dom breakpoint找到修改属性的javascript代码）

使用dom breakpoint能快速找到修改了某一个dom element的JavaScript code位于何处。
在Chrome development tool里，选中想要inspect的dom element，右键选择Break on->Attributes modifications:

 

 

之后在DOM Breakpoint里能看到对应的entry:

 

 

点击Resume script execution，自动在dom attribute发生变化的地方停下来:

 

 

从callstack能得知是jQuery的hide方法设置了display:none的属性。

 

 转自：https://blog.csdn.net/i042416/article/details/93310709