Jak zapisać cały folder na karcie Źródła narzędzi programistycznych przeglądarki Google Chrome?

Na kartach Źródła Narzędzi dla programistów przeglądarki Google Chrome znajduje się panel po lewej stronie, który zawiera trzy karty, z których pierwsza to Źródła. Czy istnieje sposób na pobranie folderu z wieloma plikami i zagnieżdżonymi folderami z tego interfejsu? Możesz kliknąć prawym przyciskiem myszy poszczególne pliki i „Zapisz jako ...”, ale jest to kłopotliwe.

google-chrome google-chrome-devtools

— Lokesh Dhakar
źródło

czy ktoś może na to odpowiedzieć?

— Champ

Czy byłeś w stanie rozwiązać ten problem?

— Suncatcher

Byłaby to naprawdę fajna funkcja ze względu na niefortunny trend ładowania wielu źródeł, do których nie ma odniesienia w tekście odpowiedzi.

— Abram,

Nieobsługiwane, ale przynajmniej w narzędziu do śledzenia błędów Chrome jest prośba o funkcję, którą możesz oznaczyć gwiazdką i skomentować.

— Husky,

Odpowiedzi:

Obecnie nie jest możliwe.

„Zapisywanie całych folderów nie jest obecnie obsługiwane”.

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

Oto odpowiedni problem w Chromium Bug Tracker: https://bugs.chromium.org/p/chromium/issues/detail?id=675894

— Adam Finley
źródło

Czy znalazłeś jednak jakieś obejście? Podziel się proszę.

— Suncatcher

165

Nie można zrobić tego bezpośrednio w Chrome, więc stworzyłem rozszerzenie wsadowe, aby automatycznie pobierać zasoby do folderu Pobrane. Możesz spróbować.

Rozszerzenie Zapisz wszystkie zasoby | Github

— Up209d
źródło

Nie widzę karty zasobów, gdzie to jest? Szukałem wszędzie

— Suraj Jain

Znalazłem go, musiałem ponownie uruchomić Chrome /

— Suraj Jain

Zwykle myślę, że wystarczy ponownie uruchomić inspektora, a nie cały Chrome (jeśli jest już otwarty w czasie instalacji), powinienem dodać notatkę do instrukcji później. Dziękuję Ci.

— Up209d

Byłoby bardzo cenne, gdybyś zaktualizował rozszerzenie, aby mógł pobrać wstępnie zaktualizowany kod. Na przykład, jeśli dostępne są mapy źródłowe (webpack: // w zasobach), można pobrać wstępnie zaktualizowany kod i moduły

— Chris Panayotoff

Gotowe! Ta funkcja jest teraz w moim repozytorium Github, chociaż myślę, że jest to łatwe do wykonania za pomocą kilku linii kodu Gulp.

— Up209d

Po prostu kliknij prawym przyciskiem myszy -> zapisz jako html -> wybierz typ (pełna strona internetowa).

Działa na OSX.

— Abhi Krishnan
źródło

Możesz też po prostu wykonać polecenie-s. Spowoduje to zapisanie strony i wszystkich plików, ale utracisz strukturę folderów.

— leetheguy

Korzystanie z wbudowanego w przeglądarkę opcji „Zapisz stronę jako ...” lub „Zapisz jako html ze źródłami…” mogło zadziałać w 1999 r., Ale myślę, że OP szuka czegoś, co zagłębi się w skrypty po stronie klienta i znajdzie WSZYSTKIE twarde zasoby i pobierz je wszystkie naraz. To jest dokładnie to, co robi rozszerzenie up209d (patrz odpowiedź powyżej).

— dogatoniczny