캐시 데이터 보기

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

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

HTTP 캐시 데이터를 검사하려는 경우 이 가이드는 바람직하지 않습니다. 크기 네트워크 로그 열에 원하는 정보가 있습니다. 네트워크 활동 기록을 참고하세요.

캐시 데이터 보기

  1. DevTools 열기 > 애플리케이션 > 저장용량.

  2. 사용 가능한 캐시를 보려면 펼치기 Cache Storage를 펼칩니다.

    사용 가능한 캐시

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

    캐시의 콘텐츠 보기

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

    리소스의 HTTP 헤더 보기

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

    리소스의 콘텐츠 보기

리소스 새로고침

  1. 캐시의 데이터를 확인합니다.

  2. 새로고침할 리소스를 선택합니다. DevTools가 이를 파란색으로 강조표시하면 선택합니다.

    리소스 선택

  3. 새로고침새로고침을 클릭합니다.

리소스 필터링

  1. 캐시의 데이터를 확인합니다.
  2. 경로별 필터링 텍스트 상자를 사용하여 선택한 경로와 일치하지 않는 리소스를 확인할 수 있습니다

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

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

리소스 삭제

  1. 캐시의 데이터를 확인합니다.

  2. 삭제할 리소스를 클릭합니다. DevTools가 이를 파란색으로 강조표시하면 선택합니다.

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

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

모든 캐시 데이터 삭제

  1. 응용 프로그램을 엽니다. 저장용량.

  2. 캐시 섹션에서 체크박스입니다. 캐시 저장이 사용 설정되어 있는지 확인합니다.

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

    캐시 저장용량 체크박스 및 사이트 데이터 삭제 버튼.