Nov
24
2021
使用DOM Breakpoints找到修改属性的Javascript代码
分类：
已被围观 使用Chrome开发者工具的DOM断点功能可以让您快速找到修改了某一个DOM元素的Javascript代码。
在Chrome开发者工具里，选中想要监控的DOM元素，点击右键，选择Break on->Attributes modifications:
之后在DOM Breakpoints的tab里能看到对应的断点:
然后回到Chrome里继续操作，Chrome开发者工具的调试器就会自动在DOM的属性发生变化的地方停下来:
从调试器的调用上下文能了解到是下图第17行的hide方法设置了display:none的属性导致DOM断点的触发。
本公司销售：阿里云新/老客户，只要购买阿里云，即可享受折上折优惠！>
我有话说：