빠른 참조

HTML5 Application Cache (AppCache) 치트시트

HTML5 AppCache 매니페스트 포맷 빠른 참조: 캐시 섹션, 대체(Fallback) 규칙 및 최신 Service Worker 대체 기술 정리.

· 게시일

[!WARNING] HTML5 Application Cache(AppCache)는 폐기되었으며 현대 웹 표준에서 완전히 제거되었습니다. 현대 PWA 웹 애플리케이션은 Service Worker API 및 Cache API를 대신 사용합니다.

매니페스트 포맷 (Manifest Format)

CACHE MANIFEST
# version 1.0.0

CACHE:
/assets/app.js
/assets/styles.css
/assets/logo.png

NETWORK:
*

FALLBACK:
/ /offline.html

매니페스트 섹션 (Manifest Sections)

  • CACHE: 오프라인 사용을 위해 명시적으로 다운로드하고 캐시할 URI 목록.
  • NETWORK: 활성 네트워크 연결이 필요한 리소스 화이트리스트 (그 외 모든 리소스는 * 사용).
  • FALLBACK: 리소스 접속 불가 시 표시할 대체 페이지 쌍 [온라인_경로] [대체_경로].

HTML 연동 방식 (HTML Integration)

<!DOCTYPE html>
<html manifest="example.appcache">
  <head>
    <title>Offline App</title>
  </head>
  <body>
    ...
  </body>
</html>

관련 참조 문서

관련 주제