chrome 开发者工具

2019独角兽企业重金招聘Python工程师标准>>>

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.禁用所有的断点，不做任何调制

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

下面文章详细讲解

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

转载于:https://my.oschina.net/u/2425942/blog/893919