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
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.
Error Handling
17_579088 ch14.qxd 3/28/05 11:41 AM Page 437

JavaScript EditorFree JavaScript Editor     Ajax Editor