有趣的HTML5 離線儲存

2021-07-10 01:57:26 字數 622 閱讀 9545

首先來講解下離線儲存的使用方法,說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。

manifest = "cache.manifest">

...html>

然後cache.manifest檔案的書寫方式,就像下面這樣:

cache manifest

#v0.11

cache:

css/style.css

network:

resourse/logo.png

fallback:

/ /offline.html

那麼瀏覽器是怎麼對離線的資源進行管理和載入的呢?這裡需要分兩種情況來討論。

離線的情況下,瀏覽器就直接使用離線儲存的資源。

這個過程中有幾個問題需要注意。

對於manifest檔案進行快取的時候需要十分小心,因為可能出現一種情況就是你對manifest檔案進行了更新,但是http的快取規則告訴瀏覽器本地快取的manifest檔案還沒過期,這個情況下瀏覽器還是使用原來的manifest檔案,所以對於manifest檔案最好不要設定快取。

有趣的HTML5 離線儲存

最近由於找工作一直沒時間也沒有精力更新部落格,找工作真是一件苦逼的事情啊。不抱怨了,我們來看看html5的新特性 離線儲存吧。首先來講解下離線儲存的使用方法,說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。manifest cache.manifest html ...

HTML5 離線儲存

首先來講解下離線儲存的使用方法,說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。然後cache.manifest檔案的書寫方式,就像下面這樣 cache manifest v0.11 cache css style.css network resourse log...

HTML5 離線儲存

首先來講解下離線儲存的使用方法,說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。manifest cache.manifest html 然後cache.manifest檔案的書寫方式,就像下面這樣 cache manifest v0.11 cache css s...