HTML5 儲存 離線web應用

2021-07-24 02:03:14 字數 1088 閱讀 7856

cookie儲存:每次http請求都會傳送cookie資訊,會使web變慢

每次http請求的cookie資訊不加密傳輸,不安全

cookie資訊量最大不能超過4kb

檢測瀏覽器是否支援該特性

function supports_html5_storage()

html5儲存是基於鍵值對的 方法:setitem(), removeitem(), clear()

運算元據庫

opendatebase('documents', '1.0', 'local document storage', 5*1024*1024, function(db), error);

快取清單檔案可以放在web伺服器的任意位置,但必須要求伺服器支援text/cache-manifest內容型別。對於基於apache的web伺服器,需要在web應用根目錄下的.htaccess檔案中增加  addtype text/cache-manifest .manifest  快取清單檔案的檔案字尾為manifest。

每個頁面都需要設定manifest屬性。

network(線上白名單段):屬於該段的宣告,永遠不會被快取;

cache(顯示段)

fallback(預設段):為那些由於某些原因無法被快取或者快取失敗的資源制定替代資源。

checking事件→瀏覽器從未訪問過的快取清單:downloading事件 process事件 cached事件  

之前瀏覽器訪問過該頁面或訪問過指向同乙個快取清單檔案的其他頁面:→快取清單未發生變動lnoupdate事件

發生變動 downloading事件

→updateready事件

除錯:在過期時間內更改manifest,重新重新整理頁面,顯示頁面沒有過期。在web應用根目錄下的.htaccess檔案中增加 

expiresactive on 

expiresdefault "access"   但是這樣配置就意味著.htaccess檔案所在的目錄以及子目錄都不會以http頭資訊的方式來實現快取,因此需要制定標識,使其只作用於快取清單檔案或者建立乙個單獨的目錄,枝江.htaccess檔案和快取清單檔案放置在該子目錄下。

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...

html5 離線儲存

資料 quzishen manifest檔案 1 cache manifest 2 上面一句必須 manifest檔案內容型別必須配置為text cache manifest傳送到瀏覽器 3 v1.0.0 版本號 如果想更新快取內容,只要修改下manifest檔案即可,如改版本號v1.0.1 45 ...