控制台 console debugger

控制台 console debugger

Introduce

1)debugger在IE中报错；
2)它实际上是一个断点；

Eg

Simple code:

(function(){
　console.log("debuggerBeagin");
　debugger;
　console.log("debuggerEnd");
})();

在控制台中调试(Sources)：

ConsoleDebugger.png

Explain

蓝色方框4个按钮：
释放中断：用来从一个断点直接执行到整个程序的终点；
单步跟进：从当前闭包内一步一步向前跟进(快捷键F10)；
单步进入：进入一个方法内部继续跟进；
单步跳出：跳出当前所在闭包继续跟进；

蓝色方框右边 带有 “/” 斜线的五边形 表示正在断点，不带 “/” (等于关闭)表示忽略断点

Call Stack：当前所在的闭包的调用栈，最上边的是当前闭包，最下方的是程序的发起点
Scope：当前程序内所有的变量，Local、this、Global

参考贴吧帖子(感谢楼主分享)：

http://tieba.baidu.com/p/2261148139