控制台 console debugger
2016-10-19 本文已影响0人
JacquesMayol
控制台 console debugger</br></br>
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
参考贴吧帖子(感谢楼主分享)：
