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

Google ChromeGoogle Chrome-Devtools

Google Chrome Problem Overview


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.

Google Chrome Solutions


Solution 1 - Google Chrome

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

Solution 2 - Google Chrome

Currently not possible.

> "Saving whole folders is not currently supported."

https://github.com/GoogleChrome/devtools-docs/issues/30#issuecomment-76999063

Here is the corresponding issue in the Chromium Bug Tracker: https://bugs.chromium.org/p/chromium/issues/detail?id=675894

Solution 3 - Google Chrome

You can look at my CLI tool, webdumper: https://github.com/EllyMandliel/WebDumper

Installation and usage:

npm i -g @yokra/webdumper
webdumper -u https://website.com/ -o /path/to/output/folder

Solution 4 - Google Chrome

Just do right click -> save as html -> in type select (complete webpage).

Works on OSX.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionLokesh DhakarView Question on Stackoverflow
Solution 1 - Google ChromeUp209dView Answer on Stackoverflow
Solution 2 - Google ChromeAdam FinleyView Answer on Stackoverflow
Solution 3 - Google Chromeuser3312767View Answer on Stackoverflow
Solution 4 - Google ChromeAbhi KrishnanView Answer on Stackoverflow