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