11.2.3 脚本调试

 

11.2.2  CSS调试

11.2.3  脚本调试

Firebug的脚本调试功能相当强大。将选项卡换到"脚本"，如图11.20所示，在Firebug窗口顶部与CSS面板一样，有一个文件列表按钮。在右边有4个按钮和一个搜索框。

 （点击查看大图）图11.20  "脚本"选项卡

这里4个按钮的作用与Delphi等IDE工具的调试按钮一样，当脚本在断点处停止执行后，可通过按钮控制脚本的执行，从而对脚本进行跟踪调试。

(1) 第1个按钮的作用是继续执行脚本，不再跟踪，它的快捷键是F8。

(2) 第2个按钮的作用是单步执行，每次只执行一条语句，该方式在遇到函数调用时不进入调用函数内部进行跟踪，它的快捷键是F10。

(3) 第3个按钮也是单步执行，每次执行一条语句，但它遇到函数调用时会进入调用函数内部进行跟踪，它的快捷键是F11。

(4) 第4个按钮的作用是跳出当前函数，返回到调用该函数的语句的下条语句，该按钮没有快捷键。进行脚本调试，设置断点是必需的功能。在Firebug中设置断点有3种方式：

在脚本中加入debugger语句，这是早期常用的方法。

如图11.21所示，单击脚本行号旁边的空白区域，出现红色点表示断点已设置。

如图11.22所示，在控制台出现错误后，单击错误语句右边的灰色圆点。

 图11.21  在脚本面板中设置断点 （点击查看大图）图11.22  在控制台中设置断点

1. 屏蔽断点

如果要暂时屏蔽某个断点，如图11.23所示，在脚本面板右边区域的"断点"选项卡中，取消断点左上角的选择框的选择就可以了。要屏蔽所有断点，单击"断点"选项卡中的"选项"菜单，在菜单里选择"禁用所有断点"命令即可。

2. 删除断点

要删除断点，除了单击脚本行号旁的红色圆点外，还可以在如图11.23所示的"断点"选项卡中单击断点右上角的删除图标。如果要删除所有断点，单击"断点"选项卡中的"选项"菜单，在菜单中选择"移除所有断点"命令即可。以上移除断点的方法不能移除debugger语句设置的断点。

有时候，想在满足条件时才暂停脚本，例如，有一个1000次的循环，当循环变量等于100时才暂停脚本。Firebug提供了设置条件断点的功能，如图11.24示，在脚本行号左边空白处单击鼠标右键，然后在弹出的对话框中输入条件就可以了。

 图11.23  屏蔽断点 （点击查看大图）图11.24  断点

和Delphi等IDE工具一样，在程序暂停后，可将鼠标移动到变量上，通过提示信息查看变量的当前值。如果想移动到某行脚本，可在搜索框内输入"#n"，其中n为行号。