Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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.

like image 573
Lokesh Dhakar Avatar asked Dec 20 '13 19:12

Lokesh Dhakar


People also ask

How do I download all files from inspect element?

Right click on the cover image, choose to inspect this element and expand the <div> tag. Here, you can find the server link of the image. Copy and paste it in a new tab and download the image or video. Using this method, you can download any image or video.

How do I save Chrome developer tools?

To save your changes, press CTRL + S when editing the file.


2 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.

Save All Resources Extension | Github

like image 142
Up209d Avatar answered Sep 22 '22 13:09

Up209d


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

like image 38
Adam Finley Avatar answered Sep 21 '22 13:09

Adam Finley