Page 101 - JavaScript修炼之道

附录B JavaScript调试指南 93

控制台既是一个即时的JavaScript命令行，也是一个日志区。你可以在控制台里利用全局的console
对象和内置的方法来编写脚本（内置方法有log()、debug()、error()和group()等。如需了解
①
更多，请到Firebug官方站点阅读完整的console API ）。

图B-1 Firebug的基本Script视图

Script选项卡内包含实际的调试器。它允许你浏览当前页面中所有的脚本（包括加载的文件、
内联事件属性等）、设置断点、单步调试代码、监视指定的表达式或变量（Watch子选项卡）以及
观察当前栈轨迹（Stack子选项卡）。这正是我们在运行时检查JavaScript代码所必需的。

图B-1展示了在我们的测试页面上运行脚本调试器的效果。

在脚本调试器中运行代码主要有两种方法：进入控制台，执行可以触发待检查代码段的代码；
②
或者在页面里触发待检查代码所对应的事件 。在我们的调试测试页面中，单击按钮后，fibo()
会被调用（参数是20）。你可以自己动手确认——你应该会看到一个显示（6,765）的弹窗。为了
理解函数的执行细节，你还可以在调试器中做一些其他操作。

 选择一个脚本文件（或者是带有内联脚本的HTML页）：单击源码面板上面的文件名旁边
的箭头，然后选择你需要的文件。
 在指定代码行增加及删除断点：单击源码面板指定行号左边的沟槽处即可。
 设置一个在给定条件下才会发生的断点：右击沟槽处的断点，然后输入JavaScript条件表
达式。
——————————
① 详见http://getfirebug.com/wiki/index.php/Console_API。*
② 大多数调试器都会在未捕获异常抛出时自动进入单步调试状态。在Firebug中，单击Script选项卡上的箭头就可以
启动这个功能。