Datasheet

29
Chapter 1: Taking the Web to the Next Level
also incorporates a very nice debugger that can really help you find your
errors as your program runs.
✓ AJAX monitoring: AJAX programming is based on a series of requests
back and forth from the server. Firebug helps you to keep track of these
requests and watch your data move.
✓ Live code view: The ordinary view source menu of most browsers
helps you see the code as it originally comes from the browser. In
JavaScript programming, you’re often changing the page code on the fly.
Firebug shows you the page as it really is, even if it’s being changed by
JavaScript. This is a very useful facility.
✓ Firebug lite: This is a variation of firebug that works in IE and other
browsers. This adds most of the power of firebug to any browser.
Figure 1-13 shows Firebug in inspect mode. As the user moves over a piece of
the page, the related code segment appears in the code window.
Figure 1-13:
Firebug
being used
to inspect a
Web page.
View and edit HTML, CSS, or JavaScript
The inspect mode lets you highlight the page and see the relevant code.
View the CSS or DOM info for the
currently selected window.
05_417997-ch01.indd 2905_417997-ch01.indd 29 10/26/09 9:55 PM10/26/09 9:55 PM