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

时间：2018-02-21 17:01:34 阅读：215 评论：0 收藏：0 [点我收藏+]

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

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

技术分享图片

之后在DOM Breakpoints的tab里能看到对应的断点:

技术分享图片

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

技术分享图片

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

技术分享图片

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

技术分享图片

原文：https://www.cnblogs.com/sap-jerry/p/8456829.html

踩

(0)

评论一句话评论（0）

分享档案

更多>