캐시 데이터 보기

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

이 가이드에서는 Chrome DevTools를 사용하여 캐시 데이터를 검사하는 방법을 설명합니다.

HTTP 캐시 데이터를 검사하려는 경우 이 가이드는 적합하지 않습니다. Network Log의 Size 열에는 찾고 있는 정보가 있습니다. 네트워크 활동 기록을 참조하세요.

캐시 데이터 보기

  1. DevTools > 애플리케이션 > 스토리지를 엽니다.

  2. 사용 가능한 캐시를 보려면 펼치기 캐시 저장소를 펼칩니다.

    사용 가능한 캐시.

  3. 캐시를 클릭하여 콘텐츠를 확인합니다.

    캐시의 내용 보기

  4. 리소스를 클릭하면 표 아래의 섹션에서 HTTP 헤더를 확인할 수 있습니다.

    리소스의 HTTP 헤더 보기

  5. 미리보기 탭을 열어 리소스의 콘텐츠를 확인합니다.

    리소스의 콘텐츠 보기

리소스 새로고침

  1. 캐시의 데이터 보기

  2. 새로고침할 리소스를 선택합니다. DevTools에서 파란색으로 강조 표시하여 선택되었음을 나타냅니다.

    리소스 선택

  3. Refreshrefresh를 클릭합니다.

리소스 필터링

  1. 캐시의 데이터 보기
  2. 경로별 필터링 텍스트 상자를 사용하여 제공된 경로와 일치하지 않는 모든 리소스를 필터링합니다.

지정된 경로와 일치하지 않는 리소스를 필터링합니다.

이 예에서는 경로에 script가 포함되지 않은 리소스를 필터링합니다.

리소스 삭제

  1. 캐시의 데이터 보기

  2. 삭제할 리소스를 클릭합니다. DevTools에서 파란색으로 강조 표시하여 선택되었음을 나타냅니다.

    삭제할 리소스를 선택합니다.

  3. 선택항목 삭제 선택한 항목 삭제를 클릭합니다.

모든 캐시 데이터 삭제

  1. 애플리케이션 > 저장소를 엽니다.

  2. Cache 섹션에서 체크박스입니다. Cache Storage가 사용 설정되어 있는지 확인합니다.

  3. 사이트 데이터 삭제를 클릭합니다.

    캐시 저장공간 체크박스 및 사이트 데이터 삭제 버튼