How do you save an entire folder from Google Chrome's Developer Tools' Sources tab?

google-chrome google-chrome-devtools
Lokesh Dhakar picture Lokesh Dhakar · Dec 20, 2013 · Viewed 71.6k times · Source

In Google Chrome's Developer Tools' Sources tabs there is a left side panel which has three tabs with the first one being Sources. Is there a way to download a folder with multiple files and nested folders from this interface? You can right click individual files and 'Save as...' but this is cumbersome.

Answer

Up209d picture Up209d · Oct 20, 2017

It's not possible to do directly with Chrome, so I made a batching extension to automatically fetch resources to the Downloads folder. You can have a try.

Save All Resources Extension | Github

Related questions

Disabling Chrome cache for website development

I am modifying a site's appearance (CSS modifications) but can't see the result on Chrome because of annoying persistent cache. I tried Shift+refresh but it doesn't work. How can I disable the cache temporarily or refresh the page in …

Read More
How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More
"CAUTION: provisional headers are shown" in Chrome debugger

I noticed a strange caution message when looking at downloaded resources using Google chrome inspector (F12): Caution provisional headers are shown I found something possibly relevant, Network Panel: add caution about provisional request headers, but I could not fully understand …

Read More