↑
Main Page

Loaded Scripts pane

Each view consists of the following:

A small square in the upper-left corner. Clicking this square causes the view to dock or undock

from the main window. You can also drag this square into another view’s square to combine

views into one tabbed view.

A title for the view

An X in the upper-right corner, used to close the view. (You can always bring the view back by

choosing View

Show/Hide and then the appropriate view.)

A content area, displaying a list or other information about the script

An optional tabset. If more than one view exists in the same area, the debugger adds a tabset to

allow you to switch back and forth between the views.

The entire interface is completely configurable to allow you to rearrange, resize, and otherwise manipu-

late the Venkman window to best suite your needs.

Eight views are available in Venkman, and each is just as powerful as the last:

Loaded Scripts — Displays the files that contain JavaScript, whether they are HTML or external

JavaScript files. Each file can then be expanded to show the functions contained within, com-

plete with the function name and the line on which the function begins.

Open Windows — Displays all browser windows (and tabs) Mozilla has open. Under each

window is the HTML file that is loaded, and under that is a list of JavaScript files. You can shift

the focus of the debugger to a particular window by right-clicking on a given file and selecting

Set As Evaluation Object.

Local Variables — When a breakpoint is encountered, this view fills up with all the variables

available in the scope of the executing code. If a variable contains an object, you can expand the

variable name to see all the object’s properties as well. To change a value of a variable while

stopped at a breakpoint, just double-click the variable name and enter a new value.

Watches — Displays a list of watches for the debugger session. Watches work by

watching

vari-

ables to see when their values change. When a value changes, it’s updated in the Watches view

(Watches will be discussed further later on).

Breakpoints — Displays a list of breakpoints registered for the debugger session.

Call Stack — When a breakpoint is encountered, this view shows the call stack (the sequence of

function calls that led to the breakpoint).

Source Code — Displays the source code for any file containing JavaScript code.

Interactive — A traditional-style command line interface to the debugger. In this view, you can

control nearly every part of the debugger with text commands.

The Loaded Scripts pane

By default, the Loaded Scripts pane is displayed in the upper-left corner of the debugger window. It dis-

plays the location of the scripts currently loaded into the debugger. This includes any scripts contained

in HTML pages as well as external JavaScript files.

437

Error Handling

17_579088 ch14.qxd 3/28/05 11:41 AM Page 437