有的同学会说，可以使用源代码搜索的办法。的确，对于一个相对简单的页面，这个方法时常奏效。但是，对于构成相对复杂的页面(比如页面嵌入很多脚本文件和片段、使用了大段面向对象的实现、隐藏了实现的代码)，可能找起来就不那么顺利了。
在Javascript调试中，我们经常会使用到断点调试。其实，在DOM结构的调试中，我们也可以使用断点方法，这就是DOM Breakpoint（DOM断点）。
具体的使用方法：
1. 在Chrome浏览器中，打开开发者工具，先选中一个页面元素，然后点击鼠标右键，依次点击菜单中的”Break on …”——勾选“Attributes modifications”。刷新页面，当该元素的属性发生变化时，就会暂停脚本的执行，并且定位到改变发生的地方。
2. 在安装了firebug 的Firefox 浏览器中，打开firebug，切换到“HTML”选项卡，选中需要监视的DOM元素，鼠标右键，勾选菜单中的“在属性改变时中断”。这样就成功添加了一个HTML 断点。刷新页面后，firebug 也会帮助我们定位到更改该元素属性的代码。
除了可以监视DOM元素本身的属性变化，Chrome 和 Firebug 还可以监视其子元素的变化，以及何时元素被删除。
您可能感兴趣的文章:
- JS调试必备的5个debug技巧
- JS高级调试技巧：捕获和分析 JavaScript Error详解
- 必备的JS调试技巧汇总
- Chrome调试折腾记之JS断点调试技巧
- js经验分享 JavaScript反调试技巧
- JavaScript调试之console.log调试的一个小技巧分享
- 推荐5 个常用的JavaScript调试技巧
- 实用Javascript调试技巧分享(小结)
