이 가이드에서는 Chrome DevTools를 사용하여 캐시 데이터를 검사하는 방법을 설명합니다.
HTTP 캐시 데이터를 검사하려는 경우 이 가이드는 적합하지 않습니다. Network Log의 Size 열에는 찾고 있는 정보가 있습니다. 네트워크 활동 기록을 참조하세요.
캐시 데이터 보기
DevTools > 애플리케이션 > 스토리지를 엽니다.
사용 가능한 캐시를 보려면 캐시 저장소를 펼칩니다.
캐시를 클릭하여 콘텐츠를 확인합니다.
리소스를 클릭하면 표 아래의 섹션에서 HTTP 헤더를 확인할 수 있습니다.
미리보기 탭을 열어 리소스의 콘텐츠를 확인합니다.
리소스 새로고침
- 캐시의 데이터 보기
새로고침할 리소스를 선택합니다. DevTools에서 파란색으로 강조 표시하여 선택되었음을 나타냅니다.
Refreshrefresh를 클릭합니다.
리소스 필터링
- 캐시의 데이터 보기
- 경로별 필터링 텍스트 상자를 사용하여 제공된 경로와 일치하지 않는 모든 리소스를 필터링합니다.
이 예에서는 경로에 script
가 포함되지 않은 리소스를 필터링합니다.
리소스 삭제
- 캐시의 데이터 보기
삭제할 리소스를 클릭합니다. DevTools에서 파란색으로 강조 표시하여 선택되었음을 나타냅니다.
선택항목 삭제 를 클릭합니다.
모든 캐시 데이터 삭제
- 애플리케이션 > 저장소를 엽니다.
Cache 섹션에서 Cache Storage가 사용 설정되어 있는지 확인합니다.
사이트 데이터 삭제를 클릭합니다.