使用DOM Breakpoints找到修改属性的Javascript代码

时间 2019-11-19

标签使用 dom breakpoints 找到修改属性 javascript 代码栏目 HTML 繁體版

原文原文链接

使用Chrome开发者工具的DOM断点功能可让您快速找到修改了某一个DOM元素的Javascript代码。ide

在Chrome开发者工具里，选中想要监控的DOM元素，点击右键，选择Break on->Attributes modifications:工具

以后在DOM Breakpoints的tab里能看到对应的断点:调试

而后回到Chrome里继续操做，Chrome开发者工具的调试器就会自动在DOM的属性发生变化的地方停下来:ip

从调试器的调用上下文能了解到是下图第17行的hide方法设置了display:none的属性致使DOM断点的触发。开发

要获取更多Jerry的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码:io