작동 방법
. 캐쉬된 파일은 모바일 Device 플래시 메모리에 저장
캐쉬된 파일 업데이트
. 로컬 manifest와 서버 manifest를 비교하여 정보 업데이트
# Version으로 관리
문제점)
manifest 파일 변경 시 바로 수정사항이 적용되지 않고, 새로고침을 두번해야지만 적용
이문제는 왜 이럴까?
1. HTML5 작성 (test.asp)
html 태그에 manifest="/cache.manifest" 추가 (절대, 상대경로 가능)
html 태그에 manifest="/cache.manifest" 추가 (절대, 상대경로 가능)
<!doctype html>
<html manifest="/cache.manifest">
<head>
<meta charset="UTF-8" />
<title>Offline Application Cache</title>
</head>
<body>
<img src="/Images/cacheimage.jpg" alt="캐쉬될 이미지" />
</body>
</html>
2. cache.manifest 파일 생성
- 주석은 #으로 정의
- ASP, PHP 적용 방법
. ASP: IIS에서 MIME TYPE 지정 text/cache-manifest 확장자 .manifest
. PHP: .htaccess 파일 생성 or 추가 (AddType text/cache-manifest .manifest)
- FALLBACK 사용법
ex) /Images/cacheimage.jpg /Images/chcheImageTransfer.jpg
위와 같이 FALLBACK을 사용할경우 cacheimage.jpg는 CACHE MANIFEST에서 삭제
CACHE MANIFEST
# Version 1.0.0
# 캐쉬되어야할 파일명 리스트
/test.asp
/Images/cacheimage.jpg
NETWORK:
# offline 상태에서 접근 불가 리스트
FALLBACK:
# offline 상태일 경우 파일 대처 리스트
'WEB TIP > HTML-CSS' 카테고리의 다른 글
| File 컨트롤 이미지 교체 (0) | 2011.12.20 |
|---|---|
| 폰트색상 (0) | 2010.08.05 |
| form에 input type=text가 1개있을때 엔터누르면 submit이 되는 현상 (0) | 2009.03.16 |
| 폼검사기 (0) | 2006.04.05 |
