How to get list of network requests done by HTML

Question

How can i get the list of network requests using Javascript done by the HTML, as seen in the chrome devtools.

For example:

Answer 1

You can use Resource Timing API to get all relevant information (domain lookups, cache hits, redirects, etc.) about each resource being loaded on your website.

You can read about it here. There is also a bookmarklet that generates a page load waterfall using this API.

Resource Timing API is available in Chrome, Chromium, Chrome Mobile and IE10. Firefox team seems to be working on it.