美文网首页
控制台 console debugger

控制台 console debugger

作者: JacquesMayol | 来源:发表于2016-10-19 16:36 被阅读0次

    控制台 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

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

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

    相关文章

      网友评论

          本文标题:控制台 console debugger

          本文链接:https://www.haomeiwen.com/subject/kvsxuttx.html