캐시 데이터 보기
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
이 가이드에서는 Chrome DevTools를 사용하여 캐시 데이터를 검사하는 방법을 설명합니다.
HTTP 캐시 데이터를 검사하려는 경우 이 가이드는 적합하지 않습니다. Network Log의 Size 열에는 찾고 있는 정보가 있습니다. 네트워크 활동 기록을 참조하세요.
캐시 데이터 보기
DevTools > 애플리케이션 > 스토리지를 엽니다.
사용 가능한 캐시를 보려면 캐시 저장소를 펼칩니다.
캐시를 클릭하여 콘텐츠를 확인합니다.
리소스를 클릭하면 표 아래의 섹션에서 HTTP 헤더를 확인할 수 있습니다.
미리보기 탭을 열어 리소스의 콘텐츠를 확인합니다.
리소스 새로고침
- 캐시의 데이터 보기
새로고침할 리소스를 선택합니다. DevTools에서 파란색으로 강조 표시하여 선택되었음을 나타냅니다.
Refreshrefresh를 클릭합니다.
리소스 필터링
- 캐시의 데이터 보기
- 경로별 필터링 텍스트 상자를 사용하여 제공된 경로와 일치하지 않는 모든 리소스를 필터링합니다.
이 예에서는 경로에 script
가 포함되지 않은 리소스를 필터링합니다.
리소스 삭제
- 캐시의 데이터 보기
삭제할 리소스를 클릭합니다. DevTools에서 파란색으로 강조 표시하여 선택되었음을 나타냅니다.
선택항목 삭제 를 클릭합니다.
모든 캐시 데이터 삭제
- 애플리케이션 > 저장소를 엽니다.
Cache 섹션에서 Cache Storage가 사용 설정되어 있는지 확인합니다.
사이트 데이터 삭제를 클릭합니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2019-03-25(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]