码迷,mamicode.com
首页 > 其他好文 > 详细

google chrome 调试技巧:监控 DOM 元素被修改

时间:2018-01-04 14:19:07      阅读:1344      评论:0      收藏:0      [点我收藏+]

标签:就会   tree   info   img   .com   oval   删除节点   代码   节点   

在很多时候, 页面上一个元素的属于被修改、删除,子节点的添加与修改,很难一下找到对应的代码,在 google chrome 开发者工具里, 提供了对 DOM 元素的监控:

 

技术分享图片

 

在 Elements 标签, 右击有监控的元素,在弹出来的菜单中有一个 Break on 的菜单项, 下面有三个子菜单项

subtree modifcations: 监控当前元素子级元素结构的变化,添加结点和删除节点,移动节点不知道算不算。

attribute modifcations: 监控当前元素属性的变化。

node removal: 监控当前节点删除。

 

当设置好这些后, 当脚本修改这些元素时, google chrome 就会在修改代码那里断点, 方便我们找到修改元素的最终代码。

google chrome 调试技巧:监控 DOM 元素被修改

标签:就会   tree   info   img   .com   oval   删除节点   代码   节点   

原文地址:https://www.cnblogs.com/kuku/p/8192628.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!