티스토리 뷰

WEB TIP/HTML-CSS

Offline Applicatioin Cache

제프 2011. 1. 6. 12:04

작동 방법

. 캐쉬된 파일은 모바일 Device 플래시 메모리에 저장

 

캐쉬된 파일 업데이트

. 로컬 manifest와 서버 manifest를 비교하여 정보 업데이트

  # Version으로 관리


문제점)

manifest 파일 변경 시 바로 수정사항이 적용되지 않고, 새로고침을 두번해야지만 적용

이문제는 왜 이럴까?

 

1. HTML5 작성 (test.asp)
   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
Offline Applicatioin Cache  (0) 2011.01.06
폰트색상  (0) 2010.08.05
form에 input type=text가 1개있을때 엔터누르면 submit이 되는 현상  (0) 2009.03.16
폼검사기  (0) 2006.04.05
댓글
댓글쓰기 폼