캐시 매니페스트 기본 사항

캐시 매니페스트 기본

애플리케이션 캐싱을 활성화하려면 문서의 <html> 태그에 매니페스트 속성을 포함하세요.

<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>

매니페스트를 지정하는 각 페이지는 사용자 페이지에 액세스하면 캐시됩니다. 매니페스트 속성이 지정되지 않으면 페이지가 캐시되지 않습니다(매니페스트 파일에 직접 지정되지 않는 한).

매니페스트 파일의 권장 파일 확장자는 ".appcache"입니다.

매니페스트 파일은 올바른 MIME 유형인 "text/cache-manifest"로 구성되어야 합니다. 웹 서버에서 구성해야 합니다.

매니페스트 파일

매니페스트 파일은 브라우저에 캐시된 항목과 캐시되지 않은 항목을 알려주는 간단한 텍스트 파일입니다.

매니페스트 파일은 세 가지 섹션으로 나눌 수 있습니다.

캐시 매니페스트 - 이 제목 아래에 나열된 파일은 첫 번째 다운로드 후 캐시됩니다.
네트워크 - 이 제목 아래에 나열된 파일은 서버에 연결해야 하며 캐시되지 않습니다.
FALLBACK - 이 제목 아래에 나열된 파일은 페이지에 액세스할 수 없는 경우(예: 404 페이지) 대체 페이지를 지정합니다.

CACHE MANIFEST

첫 번째 줄인 CACHE MANIFEST는 필수입니다:

CACHE MANIFEST
/theme.css
/logo.gif
/main .js

위 매니페스트 파일에는 CSS 파일, GIF 이미지, JavaScript 파일이라는 세 가지 리소스가 나열되어 있습니다. 매니페스트 파일이 로드되면 브라우저는 웹 사이트의 루트 디렉터리에서 이 세 파일을 다운로드합니다. 그러면 사용자가 인터넷 연결을 끊을 때마다 이러한 리소스를 계속 사용할 수 있습니다.

NETWORK

다음 NETWORK 섹션에서는 "login.php" 파일이 캐시되지 않으며 오프라인에서 사용할 수 없도록 지정합니다.

NETWORK:
login.php

별표는 다른 모든 리소스/파일에 인터넷 연결이 필요함을 나타내는 데 사용할 수 있습니다:

NETWORK:
*

FALLBACK

다음 FALLBACK 하위 섹션은 인터넷 연결을 설정할 수 없는 경우 /html5/ 디렉토리의 모든 파일이 "offline.html"로 대체됨을 지정합니다.

FALLBACK:
/html/ /offline.html

참고: 첫 번째 URI는 리소스이고 두 번째 URI는 대체입니다.

캐시 업데이트

앱이 캐시되면 다음이 발생할 때까지 캐시된 상태로 유지됩니다.

사용자가 브라우저 캐시를 지움