谷歌 Chrome Dev Tools 浅析 – 成为更高效的 Developer

谷歌 Chrome Dev Tools 浅析 – 成为更高效的 Developer

2. DOM Breakpoints

Dom元素断点，经常有多处JavaScript操作同一个Dom元素，如果要在JavaScript上下断点，要下好几个地方，不好断到想要的地方，在Dom元素上下断点就方便多了：

Break on subtree modifications, Break on attributes modifications, Break on node removal, 可以方便的断到操作Dom的JavaScript。

 

3. XHR Breakpoints, Event listener breakpoints:

XHR Breakpoints,可以方便的断到XMLHttpRequest Ajax请求。Event Listener Breakpoints, 可以方便的断到各种Event。

 

4. 查找JavaScript

使用Ctrl+Shift+F, 打开查找窗口, 查找支持正则表达式：

很好的文章：http://www.cnblogs.com/powertoolsteam/archive/2012/06/15/2550882.html