Developer Tools Network Panel

Now that we’ve discussed the request-response pattern and address resolution, let’s turn our attention to how requests are processed in the browser. The following tutorial from Google describes the network panel in Chrome:

YouTube Video

Also, open the Get Started Demo page it references. (This example is outdated. Feel free to try any other website to test the features )

Or, if you prefer you can work through the written version of the tutorial

Similar developer tools exist in other browsers: