本文共 454 字,大约阅读时间需要 1 分钟。
使用Chrome开发者工具的DOM断点功能可以让您快速找到修改了某一个DOM元素的Javascript代码。
在Chrome开发者工具里,选中想要监控的DOM元素,点击右键,选择Break on->Attributes modifications:
之后在DOM Breakpoints的tab里能看到对应的断点:
然后回到Chrome里继续操作,Chrome开发者工具的调试器就会自动在DOM的属性发生变化的地方停下来:
从调试器的调用上下文能了解到是下图第17行的hide方法设置了display:none的属性导致DOM断点的触发。
要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/24475491/viewspace-2151617/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/24475491/viewspace-2151617/