1.5.2  Firefox下的Venkman调试器（2）

（2）设置当前调试对象

在文件列表中显示打开的文件。双击文件名，右侧的源代码区域会显示该文件的源代码。在Venkman中，需要用户指定被调试的文档为当前调试对象。首先，将打开的文件列表窗口切换至Open Windows，然后右击需要调试的文件，最后在弹出的快捷菜单中选择Set as Evaluation Object命令，即可设定需要调试的对象。指定方法如图1.45和图1.46所示。

（3）Venkman中使用命令输入框调用函数

指定调试对象后，直接在命令输入框中输入JavaScript函数名就能调用函数，Venkman即可直接操作JavaScript中的内容进行调试。例如，打开代码1.1，对代码1.1中的JavaScript进行调试。完成以上步骤以后，在命令输入框中输入函数名"hello()"，按Enter键，Venkman将控制返回到Firefox界面，直接调用hello()方法，执行与单击Hello按钮相同的操作。

用户还可以直接在命令输入框中输入JavaScript代码。例如，在命令输入框中输入"document.getElementById("hello")"，输出窗口中显示JavaScript代码的返回值[object HTMLInputElement]。如果没有得到对象，会显示null，效果如图1.47所示。

图1.45  打开Open Windows

图1.46  设置调试对象

图1.47  JavaScript执行效果

如果之前没有设定调试对象，在命令输入框中直接输入函数名，Venkman会在输出窗口中提示"ReferenceError: hello is not defined @ <x-jsd:interactive-session> 2"的错误信息，如图1.48中红色区域所示。

（点击查看大图）图1.48  Venkman未设定调试对象的提示信息

（4）Venkman中设置断点调试JavaScript

在Venkman中断点有两种类型：future断点和硬断点，如图1.43所示。JavaScript函数体以外的部分只能添加future断点。在JavaScript函数体中，单击某行，添加的是硬断点；再次单击，添加的是future断点。future断点用于控制JavaScript函数体外的代码调试。future断点、硬断点与其他调试环境中的断点作用基本是一样的，当程序运行至断点处时挂起，暂停程序的执行。future断点与硬断点的区别在于：硬断点只有当用户执行函数体对应的操作时才执行；future断点在页面加载后立即执行。大部分情况下，用户使用的是硬断点。

在Venkman中，有个Breakpoints（断点）列表窗口。该窗口中显示的是当前文件中的断点列表（如图1.43所示），用户可以清晰地看到目前文件中的断点数量、断点类型（future断点、硬断点）、断点在文件中的行数等信息。当在Venkman中打开源文件时，工具栏上用于调试的Continue（继续）、Step Over（跨过函数调用）、Step Into（进入函数调用）和Step Out（跳出函数调用）按钮都不可用，如图1.49所示，说明此时还无法进行调试。此时，只有Stop按钮可以使用。

图1.49  打开源文件时的调试工具栏

回书目   上一节   下一节