Possible to list external resources loaded on a webpage with JavaScript?

Question

I\'d like to have an interval that keeps track of what items are being loaded on the current page. For example, let\'s say I have a page that loads a css file, a few scripts

Answer 1

You can possibly use Resource Timing to retrieve resource names:

var resources = window.performance.getEntriesByType("resource");
resources.forEach(function (resource) {
    console.log(resource.name);
});

It's an extension of Navigation Timing (Can I use...) and is supported in many browsers.