1

I loaded a site and checking developer tools I can see a lot of folders and files under the Sources section, aunder a folder called top.

Is there a way or extension to help me copy all those folders and files to my hard drive?

Even if it's a third party tool would help, at the moment I cannot think on anything else other than manually copying everything, which would take quite a while!

Thank you.

Daniel Herr
  • 19,083
  • 6
  • 44
  • 61
mickael
  • 2,033
  • 7
  • 25
  • 38

2 Answers2

0

There's nothing built into DevTools, but you may be able to run a snippet that downloads all the page's resources. I'm not sure what that code would look like. The basic idea would be to open the page, and then run the snippet on the page, with the code somehow iterating through and downloading every requested resource.

Could also be worth looking into Chrome Extensions that handle this. They have access to the Chrome Debugging Protocol which may give them deeper access to the page's resources.

Kayce Basques
  • 23,849
  • 11
  • 86
  • 120
  • Thank you Kayce, I didn't manage to find anything, but I was not sure if I was researching correctly. If I find something useful, I'll update it here for future reference... – mickael Apr 03 '17 at 23:23
0

I know this is an old question but this is currently possible by going into the Network tab and right clicking any request and clicking "Download All as HAR"

not my real name
  • 393
  • 4
  • 16
  • I don't know if a HAR file is doing the same? ie, if I go to the 'Sources' tab, I can see a lot of folders and individual files (.js, scripts, css, images, etc). Can I access all those individual files and see their syntax on my local drive if all I've got is a HAR file instead? – mickael May 23 '21 at 15:45
  • @mickael The HAR file contains every resource (INCLUDING CONTENTS) put together into a JSON file. You can use a script to process it – not my real name May 23 '21 at 17:01