Application Cache主要功能就是當使用者第一次造訪時,將特定檔案先存在Client端,除了可以用來離線觀看,也可以加快網站的瀏覽速度。

而Application Cache的需要透過一個manifest檔案來紀錄你要cache哪些東西

範例:
index.php

<!DOCTYPE HTML>
<!-- html元素要指定manifest -->
<html manifest="test.manifest">
	<head>
		<meta charset="utf-8" />
		<title>TEST</title>
		<link type="text/css" rel="stylesheet" media="screen" href="test.css"/>
	</head>
	<body>
		<div id="doc">
			<img alt="pic" src="test.jpg" />
		</div>
		<script src="jquery.min.js"></script>
	</body>
</html>

裡面由test.css和jquery.min.js組成,所以我可以將這兩個檔和index.php都cache起來。

test.manifest

CACHE MANIFEST
# 註解要單獨一行
# CACHE MANIFEST 宣告要在第一行

# 要Cache的檔案
CACHE:
test.css
jquery.min.js
offline.php

# NETWORK是不會被快取的白名單檔案(這些檔案都會繞過cache並透過網路存取)
NETWORK:
test.jpg

# 當test.php無法存取時,則嘗試存取offline.php頁面
FALLBACK:
test.php offline.php
Categories: WebDesign