Java Reference
In-Depth Information
You can access Firebug a couple of ways. You can click the Firebug icon in the status bar in the lower-
right corner of the Firefox window. If you do not have Firefox's status bar visible, you can open Firebug
by selecting Firebug
➪
Open Firebug from the Tools menu in Firefox. By default, Firebug opens as a
panel in Firefox (see Figure 4-4).
Figure 4-4
You can pop it out to its own window by clicking the up arrow next to the Close button.
Open
debug_timestable.htm
in Firefox. If the status bar is visible, you should see red text in the
lower-right corner of the Firefox window stating “1 Error.” Click that message (or go through the Tools
menu to open Firebug), and Firebug will open to the console. The console serves multiple purposes in
Firebug; it lists JavaScript errors, and it also allows you to execute JavaScript code on the fl y. We'll play
with the console later.
The JavaScript debugger is contained in the Script tab, and it is made up of two panels. The left
panel contains the source code, and the right panel contains three different views to choose from:
Breakpoints, Watch, and Stack.
❑
Breakpoints:
Lists all breakpoints that you've created for the code in the current page.
❑
Watch:
Lists the variables in scope and their values at the breakpoint. You can also add other
variables to watch.
Stack:
❑
Displays the call stack.
