離線緩存 application cache

1,什麼是離線緩存？

　　離線緩存能夠將站點的一先文件緩存到本地，它是瀏覽器本身的一種機制，將須要的文件緩存下來，以便後期即便沒有鏈接網絡，被緩存的頁面也能夠展現。

列子：好比咱們在手機或電腦上訪問一個網頁，下一次訪問即便不連網也能夠訪問，由於當咱們第一次訪問的時候，瀏覽器已經把此時頁面給保存到本地了。

2，離線緩存的優點：

　　1，在沒有網絡的時候，能夠訪問到緩存對應的站點頁面，包括html,css,img等文件。

　　2，在有網絡的時候，瀏覽器也會優先使用已離線緩存的文件，返回一個200(from ache)頭。這　跟http 的緩存使用策略不一樣，

　　3，資源的緩存能夠帶來更好的用戶體驗，當用戶使用本身流量時，本地緩存不只能夠提升用戶訪問速度，並且大大節約用戶的使用流浪。

3，實現離線緩存：

　　1，在須要緩存的html（網頁）的跟節點添加屬性manifest屬性值是一個appcache

appcache是一個控制緩存文件。demo.appcache要給manifest.html中屬性manifest="demo.appcache"demo要同樣

 

2，在同目錄下創這個，appcache文件，並添加配置頂

3，appcache文件的內容格式

　　須要注意：前兩個是必寫，後兩個是可選，在這裏面#是註釋的意思

 

4，在服務端將appcache文件的mime類型配置成text/cache-manifest,下面以phpstudy爲列：

打開mime.types文件後面添加

5，在網頁打開manifest

如今就能夠看到咱們緩存的文件有 css，img，html等

　　你能夠試着斷網是否能訪問到這個img，這個圖片是網上圖片須要網絡加載，若是斷網看看圖片是否還能加載出來。