爲了讓web應用程序在離線的時候也能正常工做,就必需要把全部構成web應用程序的資源文件(html,css,javascript)放在本地緩存中,當服務器沒有與internet連接的時候,也能夠利用本地緩存中的資源文件來正常運行
本地緩存和瀏覽器網頁緩存的區別:
本地緩存是爲了整個web應用程序服務的,而瀏覽器網頁緩存只服務於單個網頁,
任何網頁都有網頁緩存,本地緩存只緩存你指定的緩存的網頁,
網頁緩存不可靠,本地緩存可靠
mainfest文件 :一個頁面具備mainfest文件,瀏覽器會自動對這個頁面進行本地緩存
1.在index.html里加上<html manifest="index.manifest">
2.manifest清單格式以下 註釋以#開頭
#須要緩存的文件
CACHE:
a.js
b.css
#不須要緩存的文件
NETWORK:
*
#沒法訪問頁面
FALLBACK:
http://xxx.com
Notffline.asp
接下來指定資源,文件路徑能夠是相對路徑,也能夠是絕對路徑。指定時每一個資源文件爲一行。
在指定資源文件時,能夠吧資源文件分爲三類:CACHE NTEWORK FALLBACK
CACHE:是指定文件緩存
NTEWORK是指定不進行本地緩存
FALLBACK:每行指定2個資源,1是可以在線訪問2是備用資源文件