Is there any way to get the content of already fetched JavaScript/ CSS/ image of a webpage?

Question

When the webpage gets loaded it fetches all the required dependency so is there any way we get the already fetched content and show it in console (without making another call to the server).

I tried the fetch() method by passing the "force-cache" option but it doesn't work always (eg what if the server sends in the header to not cache specific file).

Any idea about this?

Answer 1

The document has all the info on it. So you can access document.scripts , document.images , document.styleSheets , etc.

This very page has this image, for example: