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:
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: