Chapter 11 ■ the World Wide Web
190
And while in the inspector, you can switch to a Network tab that will show you all of the other resources that were
downloaded and displayed as the result of visiting the page.
Note that the Network pane, shown in Figure 11-2, normally comes up empty. Click Reload once you have it up to
see it fill with information.
Figure 11-2. The Google Chrome Network tab showing the resources downloaded to render python.org
Beware that the live document that you investigate with Inspect Element might bear little or no resemblance to
the HTML that was initially delivered as the page’s source, depending on whether JavaScript has gone to work and
added or removed elements from the page subsequent to the initial page load. If you see an element that interests you
in the inspector but cannot find it in the original source, you will probably have to visit the debugger’s Network tab to
figure out which extra resources JavaScript is fetching that it might have used to build those additional page elements.
As you now begin to experiment with small web applications in the subsequent program listings, you will want to
use your browser’s Inspect Element feature whenever possible to examine the pages that the applications return.