Head Rush Ajax

396

Appendix I

#3: Inspecting the DOM

By now, you’re a pro at using the Document Object Model to update your web pages on the y.

But once you’ve used the DOM to make changes to your page, how can you see exactly what

the web browser sees? The answer is to use a DOM inspector:

inspecting the dom

This is the Top 5 CDs app

from Chapter 4.5, running on

the Firefox web browser.

Open the DOM Inspector

on Firefox by going to the

Tools menu, and selecting

DOM Inspector.

You can see details about

each node in this part of

the DOM inspector.

You can expand the DOM tree,

and click on a node to get

details about that particular

node in the DOM tree.

NOTE: You need to specically request that the

DOM inspector be installed on Windows. When you’re

installing Firefox, select Custom Install, and then

Web Developer Tools. This will ensure the DOM

inspector is installed with your version of Firefox.