chrome 开发者工具

chrome 开发工具中最有用的面板sources。

Sources 进行js断电调试

Sources 功能面板是资源面板，主要分为四个部分，

区域1， 它的功能有些相似于Resources面板，主要是显示网页加载的脚本文件： 如css，js 等 资源文件（它不包含cookie、img等静态资源文件）。

在区域2 ，能够自由切换标题，或者你能够按快捷键ctrl+p 快速打开文件

ctrl+G   快速定位到文件某一行

ctrl+F 快速查找文本匹配到文件会被高亮

{ } 格式化代码

F10 ： 跟着js执行的路径一步步的走下去，

F11：若是你遇到一个函数包含着另一它的代码执行货到，个函数，那么你能够按F11进入到这个函数中去观察

1： 中止断点调试

2.不跳入函数中去，继续执行下一行代码(F10)

3.跳入函数中去（F11）

4.从执行函数中跳出

5.禁用全部的断点，不作任何调制

六、程序运行是遇到异常时是否中断的开关

下面文章详细讲解

http://www.cnblogs.com/constantince/p/4579121.html