• 当前标签:调试器

程序开发 JavaScript 在Firefox上的调试器使用

<body>     <div>这是DIV</div>     <script>         var a = '123'         a +='456'         // alert(a)         // console.log('a:%s',a)         // console.dir(a)         // 断点是一个特殊的代码标记 程序执行到断点时会暂停执行         // 通过断点可以观察到正在执行的程序的内部状态         // 所有的断点都会显示在资源窗口中形成断点列表         // 点击前面的筛选框可以暂时禁用或启动断点         // var me = {         //     name:'xiaoming',         //     age:3,         //     isMale:true,         //     course:{         //         name:'HTML5',         //         months:6         //     }         // }         // console.log(me)         // 在变量窗口中可以逐层展开一个对象         // 深入对象内部可以查看对象的属性方法 类型 以及对象的父类         function add(a,b){             return a + b         }         var c = add(3,5)         // F10 逐步执行         // F8 一直执行直到结束遇到下一个断点         // F11 进入函数内部         // shift + F11 从函数内部跳出         // 左下角三个按钮         // 第一个:开启或关闭黑盒 压缩后的代码通常在黑盒中 调试时不会进入 但可以打开         // 第二个:美化代码 将压缩的代码重新格式化         // 第三个:启用或禁用断点         // 调用栈         // 函数相互调用形成的调用关系 如 A -> B -> C -> D         // 调用栈是从下往上调用的 最下面是代码入口          // 点击调用栈上的项可以看到进入下一个函数的位置         // 事件:可以查看所有的事件监听者         // 勾选后事件发生时会直接暂停 就像加了一个断点一样         var div =document.querySelector('div')         div.onclick = function(e){             alert('你点击了div')         }     </script> </body>

2017-07-25 19:02:42 33 0 0
阅读详情
  • 1
前往