调试工具的使用，新手必看

F12键适用于（谷歌、IE、火狐浏览器）        ctrl+shift+alt（safari浏览器）

Esc键可以弹出或退出调试窗口

控制台

在控制台中敲代码效果和本地编辑器一致，“>”表示输入，“>”表示输出，强大到无法想象。一个优秀的前端程序猿一定是一个优秀的调试工具牛逼者。

当运行以下代码：

var num  = 123;
console.log(num);//输入的时候写的是函数的定义，但是输出为undefined

设置断点的技巧

（1）如何设置：点击source -> 找到需要设置的相应位置 -> 在右侧序号栏左键点击

深蓝色表示已经访问，浅蓝色表示即将访问

（2）右上侧功能键说明：

    第二个表示逐过程访问并显示运行    第二个表示逐步长访问并显示运行（可在函数内部跳转）。当遇到大型项目时，一般二者结合使用。

（3）下方调试窗口使用说明：最强大的是第一个watch，用于监视函数变量，用得最常用。第二个call Stack，用于见识函数调用关系，scope用于显示作用域，BreakPoints用于显示断点列表。

（4）条件断点：当需要对断点属性进行选择时，右键断点序号。

（5） 不同浏览器设置断点的不同之处

IE8设断点时，想要测试的代码为最后一行时，需要手动在原代码中最后添加一行，否则不会执行。

火狐有内置的特殊控件，功能很强大。