火狐浏览器调试

快捷键：

• 切换标签页：Ctrl + Tab
• 切换工具箱：Ctrl + Shift + I 或者 F12
• 查看器：Ctrl + Shift + C

调试器：

在主界面，点击“显示所有快捷方式”，以查看

1、搜索：

• 转到指定文件：Ctrl + P
• 查找下一个：Ctrl + G
• 在所有文件中查找：Ctrl + Shift + F
• 查找函数：Ctrl + Shift + O
• 转至指定行：Ctrl + ;

2、步进：

• 暂停/恢复：F8
• 单步执行：F10
• 步进：F11
• 步出：Shift + F11

3、断点

• 添加断点：单击代码左侧的数字
• 切换断点：Ctrl + B

4、查看对应变量的值：

• 在代码中使用 console.log()在控制台输出变量的值
• 点击断点并暂停执行，打开控制台，输入变量名称，回车
• 鼠标悬停在变量上以查看该变量的值
• 右下角的范围部分，显示程序中此时此范围内的所有对象，第一个块将列出当前块/函数中的变量及其值。

5、监视表达式

可以通过单击“添加监视表达式”并输入要监视的表达式（或变量名）来设置监视表达式（或变量的值）

6、调用堆栈

步进调试时，可以在这里看到调用了那些函数，这些函数在哪些行以及调用堆栈中的深度的信息。单击对应的函数，允许我们返回调用堆栈，以便我们可以找出问题的起始位置。

7、条件断点

在代码左侧的数字上右键选择添加条件，输入对应的表达式，回车

1、判断字符串中是否包含了某个指定的字符串。

title.indexOf("haha") != -1;

2、打印对应的日志信息。（避免调试以后再去修改我们的源代码）

console.log(items[index].title);

8、在我们代码中定义断点：

debugger;

9、黑盒测试和美化源代码

在源代码区域左下角的眼睛是一个按钮，可以在你选中文件后进行black box（切换黑盒）。切换黑盒功能在查看源文件但不调试源文件时非常有用，就像jQuery的包一样。如果一个资源进入黑盒状态，此时调试器将不在关注此资源：所有在些文件中设置的断点将会失效，并且调试器跟踪到这里时将会跳过这里的代码。

对于压缩的js文件，在左下角部分点击“美化源代码”图标，进行美化，方便阅读。