HTML5 Application Cache 치트시트 (아카이브)

HTML5 Application Cache (manifest.appcache)의 역사적 참조 가이드입니다.

지원 중단 및 폐기: Application Cache는 웹 표준 명세에서 제거되었습니다. 현대 웹 애플리케이션은 오프라인 캐싱에 Service Worker 및 Cache API를 사용합니다.

AppCache 매니페스트 문법

CACHE MANIFEST
# Version 2026-11-08

CACHE:
/index.html
/styles/main.css
/scripts/app.js

NETWORK:
/api/
*

FALLBACK:
/offline.html

JavaScript API (window.applicationCache)

const appCache = window.applicationCache;

appCache.addEventListener('updateready', () => {
  if (appCache.status === appCache.UPDATEREADY) {
    // 캐시를 교체하고 페이지 다시 로드
    appCache.swapCache();
    window.location.reload();
  }
});

// 업데이트 확인 강제 실행
appCache.update();

참고자료

• MDN: Service Worker API (현대적 대체재)