Google 크롬의 개발자 도구의 소스 탭에서 전체 폴더를 어떻게 저장합니까?

Google 크롬의 개발자 도구의 소스 탭에는 세 개의 탭이있는 왼쪽 패널이 있으며 첫 번째 탭은 소스입니다. 이 인터페이스에서 여러 파일과 중첩 된 폴더가있는 폴더를 다운로드하는 방법이 있습니까? 개별 파일을 마우스 오른쪽 버튼으로 클릭하고 '다른 이름으로 저장 ...'을 할 수 있지만 이것은 번거 롭습니다.

google-chrome google-chrome-devtools

— 로케시 다카르
소스

누군가 이것에 대답 할 수 있습니까?

— Champ

이 문제를 해결할 수 있었습니까?

— Suncatcher

이것은 응답 텍스트에서 참조되지 않는 많은 소스를로드하는 불행한 경향 덕분에 정말 좋은 기능이 될 것입니다.

— Abram

지원되지 않지만 최소한 별표 표시하고 댓글을 달 수있는 Chrome 버그 추적기 의 기능 요청 이 있습니다.

— Husky

답변:

현재는 불가능합니다.

"현재 전체 폴더 저장은 지원되지 않습니다."

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

Chromium 버그 추적기의 해당 문제는 다음과 같습니다. https://bugs.chromium.org/p/chromium/issues/detail?id=675894

— 아담 핀리
소스

그래도 해결 방법을 찾았습니까? 공유 해주세요.

— Suncatcher

165

Chrome으로 직접 수행 할 수 없으므로 다운로드 폴더로 리소스를 자동으로 가져 오는 일괄 처리 확장 프로그램을 만들었습니다. 시도해 볼 수 있습니다.

모든 리소스 확장 저장 | Github

— 업
소스

리소스 탭이 보이지 않습니다. 어디에 있습니까? 나는 사방을 보았다

— Suraj Jain

발견, 크롬을 다시 시작해야 함 /

— Suraj Jain

일반적으로 전체 Chrome이 아니라 검사기를 다시 시작하면된다고 생각합니다 (설치할 때 이미 열려있는 경우). 나중에 지침에 메모를 추가해야합니다. 감사합니다.

— Up209d

확장 기능을 업데이트하면 미리 정의 된 코드를 다운로드 할 수 있습니다. 예를 들어 소스 맵을 사용할 수있는 경우 (리소스의 webpack : //) 미리 정의 된 코드와 모듈을 다운로드 할 수 있습니다

— Chris Panayotoff 2018

끝난! 이 기능은 이제 내 Github Repo에 있지만 Gulp 코딩 라인이 거의 없다고 생각합니다.

— Up209d

오른쪽 클릭-> html로 저장-> 유형 선택 (전체 웹 페이지)을 선택합니다.

OSX에서 작동합니다.

— 아비 크리슈 난
소스

명령을 수행 할 수도 있습니다. 그러면 페이지와 모든 파일이 저장되지만 폴더 구조가 손실됩니다.

— leetheguy

브라우저에 내장 된 "다른 이름으로 페이지 저장 ..."또는 "소스와 함께 html로 저장 .."을 사용하는 것은 1999 년에 효과가 있었을 수도 있지만 OP는 클라이언트 측 스크립트를 자세히 살펴보고 모두 찾을 수있는 무언가를 찾고 있다고 생각합니다. 하드 리소스를 모두 한 번에 다운로드 할 수 있습니다. 이것이 바로 up209d의 확장 기능입니다 (위의 답변 참조).

— dogatonic