HTML5的Application Cache

html5可以自定離線瀏覽的檔案,這樣的話即使沒有連線也可以觀看內容,要做web app就可以應用到了。

首先先像這樣宣告,offline.manifest是用來設定要離線也可以觀看的檔案的。
<html manifest="offline.manifest">

建立一個offline.manifest的檔案,在裡面做這樣的設定
CACHE MANIFEST
#上面這一行一定要,而要註解是使用"#"符號,不過只能做單行註解

#這邊是要離線儲存的檔案列表
CACHE:
offline.html
reset.css
style.css
ae.png
ai.png
fl.png
id.png
ps.png

#設定哪些檔案需要線上存取
NETWORK:
login.php

#定義重新向,如果沒有某頁,則導向404.html
FALLBACK:
/index.php /404.html


成功的話,開啟網頁會出現類似這樣的文字提示
532679_3910810098504_528973091_n
這樣即使離線,也可以看部分內容了。

留言

熱門文章