See all loaded .js files in Google Chrome debugger tool

javascript google-chrome javascript-debugger
user7474176 picture user7474176 · Apr 7, 2017 · Viewed 8.4k times · Source

How can I see all .js files which were downloaded while showing my web page? I am using Network for it, but over time it stops showing .js files which were downloaded.

Answer

Camille Sébastien Niessen picture Camille Sébastien Niessen · Apr 7, 2017

If you go to the sources tab in Chrome, you'll see the a list of domains. Search for your own domain, for example 'localhost'. If you open the map, you'll see all folders and files that are loaded into your current page.

Example:

enter image description here

You'll also see all other domains where you've used files (like JS, CSS, images, etc.) from.

Related questions

How exactly does document.cookie work?

If I get Chrome to show me document.cookie by going into the console and typing document.cookie; it'll give me, say: "name=John; gender=male"; But then if I type in, say, document.cookie = 5; all it does is add 5; …

Read More
Running code snippets from Google Chrome console command line, using (experimental) code snippets feature?

Reference: Using the new code snippets feature in google chrome I am using the code snippets in google chrome, so say I have a snippet file. check_consistency.js Is there an api or a global object through which we …

Read More
What's the difference between "DOMContent event" and "load event"

In chrome's Developer tool, the blue vertical line labeled "DOMContent event fired", and the red line labed "load event fired". Does "DOMContent event fired" means the browser begin to execute the inline javascript? And "load event fired" means it fire "…

Read More