Most modern browsers have excellent developer tools, which include a Network tab to monitor requests to, and responses from, the web server. You can normally access the dev tools by pressing F12. These are handy to view web traffic, and you can still see encrypted communications without messing about with certificates.
The dev tools in both Chrome and Firefox are superb. We'll focus on the network and timing component, but we highly recommend that you learn all the features. If you know how to get the best out of them, then web development is much easier.
As an example, Chrome dev tools let you take a screenshot of the entire page when using the device toolbar (for simulating mobile devices), even when the page doesn't all fit on ...
