離線緩存這個功能的實現有如下步驟:html
1,以nginx作web服務器爲例,在mime.types文件中添加一行:text/cache-manifest manifest,做用是爲了讓服務器識別該類型文件nginx
2,在html文件html標籤中添加一行manifest="cache.appcache",告訴瀏覽器要加載的內容。web
3.在該目錄下新建一個文件cache.appcache,文件內容爲:瀏覽器
chche manifest 爲版本號:緩存
chche 是告訴瀏覽器要緩存的文件:服務器
network 是指定不會緩存的文件,這裏的*號表示全部其餘文件都須要因特網鏈接網絡
fallback:是若是沒法創建因特網鏈接時加載的頁面
完成後即可以執行一下,會發現瀏覽器已經加載了相應的文件在本地上,斷開網絡,這些文件依然能夠訪問。app