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

85

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
1
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:

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
4
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
8

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
8
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