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.
-
This would be a really nice feature to have, thanks to the unfortunate trend of loading lots of sources not referenced in the response text.– AbramApr 14, 2017 at 23:09
-
Not supported, but at least there's a feature request at the Chrome bug tracker that you can star and comment on.– HuskyJan 12, 2018 at 19:45
4 Answers
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.
-
-
2
-
7Normally, I think it will only need to restart the inspector, not entire Chrome (if it is already opened at the installing time), I should add a note to the instruction later on. Thank you.– Up209dFeb 20, 2018 at 23:42
-
1
-
1Man! Thanks to you I have exported my lost TypeScript code from Chrome. Jun 24, 2021 at 16:16
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
-
4
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
Just do right click -> save as html -> in type select (complete webpage).
Works on OSX.
-
1You can also just do command-s. This will save the page and all the files, but you'll lose the folder structure. Apr 30, 2018 at 18:37
-
21Using the browser's built in "Save page as..." or "Save as html with sources.." might have worked in 1999, but I think the OP is looking for something that will dig deep through the client side scripts and find ALL the hard resources and download them all at once. That is exactly what up209d's extension does (see answer above). Jul 14, 2019 at 2:03
-
3