溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家介紹怎么在Html5中實現應用程序緩存，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
一、作用
離線瀏覽 - 根據文件規則把資源緩存在本地，脫機依然能夠訪問資源，聯網會直接使用緩存在本地的文件。優化加載速度，節約服務器資源。
二、適用場景
正如 manifest 英譯的名字：離線應用程序緩存，這項功能是設計給會有離線場景的應用來使用，例如：需要離線使用的手機APP/H5，亦或是PC端的純靜態頁面。
三、問題
1.服務器資源更新后顯示滯后需要多刷新一次頁面
首次在載入頁面時，瀏覽器會判斷是否引入了 manifest，若檢測到引入，則下載并按文件規則緩存資源。
再次載入頁面時，便會根據 manifest 中規定的緩存文件使用本地緩存而不是請求服務器資源。
當 manifest 文件更新時，頁面加載已經進行，但是緩存更新尚未完成，便會先使用舊 manifest 所緩存的文件，同時瀏覽器會將新的 manifest 文件里的緩存文件下載下來，若想看到最新的靜態資源需要刷新下頁面重新加載一次。
2.全量加載
當 manifest 文件更新時，所有的資源都要全部被下載一次，并且其中一個出現異常會導致整個 manifest 運行異常。
3.W3C標準及瀏覽器支持
作為 H5 的新屬性，初衷是用來構造離線應用的，緩存網站資源的話原本瀏覽器的緩存機制（304）已經很好了，沒必要再使用 manifest 做緩存；實際上因為使用反響并不好，W3C正在廢棄 manifest。
四、使用方法
首先在標簽 <html> 中指定 manifest 配置文件。
<html manifest="manifest.appcache">
配置文件 manifest.appcache。
CACHE MANIFEST # 井號備注，這邊可以放版本更新時間，修改備注算更新 manifest 文件 CACHE: # 首次下載 CACHE 后列出來的文件后緩存到本地。 /favicon.ico /main.css NETWORK: # NETWORK 下的文件不可被緩存，必須要與服務器連接。 login.php FALLBACK: # 一行放兩個路徑，第一個是訪問資源，第二個是替補；當無法訪問前一個資源時，用后一個資源代替之。 /cat/ /404.html
關于怎么在Html5中實現應用程序緩存就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
