지원 중단됨: Chrome DevTools로 애플리케이션 캐시 데이터 보기

이 가이드에서는 Chrome DevTools를 사용하여 애플리케이션 캐시 리소스를 검사하는 방법을 보여줍니다.

애플리케이션 캐시 데이터 보기

  1. 소스 탭을 클릭하여 소스 패널을 엽니다. 매니페스트 창은 일반적으로 기본적으로 열립니다.

    매니페스트 창

  2. 애플리케이션 캐시 섹션을 펼치고 캐시를 클릭하여 리소스를 확인합니다.

    애플리케이션 캐시 창

테이블의 각 행은 캐시된 리소스를 나타냅니다.

유형 열은 리소스의 카테고리를 나타냅니다.

  • 마스터. 리소스의 manifest 속성은 이 캐시가 리소스의 마스터임을 나타냅니다.
  • 명시적 이 리소스는 매니페스트에 명시적으로 나열되었습니다.
  • 네트워크. 매니페스트는 이 리소스가 네트워크에서 가져와야 한다고 지정했습니다.
  • 대체 이 URL은 다른 리소스의 대체 URL입니다. 다른 리소스의 URL이 DevTools에 표시되지 않습니다.

표 하단에는 네트워크 연결 및 애플리케이션 캐시의 상태를 나타내는 상태 아이콘이 있습니다. 애플리케이션 캐시의 상태는 다음과 같습니다.

  • IDLE. 캐시에 새로운 변경사항이 없습니다.
  • 확인. 매니페스트를 가져와 업데이트를 확인하는 중입니다.
  • 다운로드 중 리소스가 캐시에 추가되고 있습니다.
  • UPDATEREADY. 새 버전의 캐시를 사용할 수 있습니다.
  • 사용하지 않음 캐시를 삭제하는 중입니다.