使用Chrome开发者工具的DOM断点功能可以让你快速找到修改某个DOM元素的Javascript代码。在Chrome开发者工具中,选中你要监控的DOM元素,右击,选择Breakon->Attributesmodifications:之后在DOMBreakpoints的选项卡中可以看到对应的断点:然后回到Chrome,继续运行,Chrome开发者工具的调试器会自动停在DOM的属性发生变化的地方:从调试器的调用上下文,我们可以了解到下图中第17行的hide方法设置了属性ofdisplay:none导致DOM断点触发。
