HTML 5 離線和快取

2021-08-22 00:15:25 字數 592 閱讀 5929

1.離線應用

cache manifest

#cache 之後的資源都會被快取

cache:

main.html

style.css

main.js

#network 之後的資源不會被快取,總是從線上獲取

network:

account/

如果離線化應用程式,只需將 .html 檔案 和 manifest 描述檔案關聯起來即可

html>
2.localstorage 和 sessionstorage

cookie 的弊端

html5 的本地儲存為每個**分配的空間時 【5mb】

localstorage 和 sessionstorage 的區別

前者會一直儲存在本地,直到手動清除;

後者則存活在當前頁面的生命週期中,一旦頁面關閉,儲存的資料也會消失。

HTML5離線快取

它的優勢在於 ie10以下不支援,其餘的瀏覽器都支援。補充瀏覽器及其核心 ie trident ff gecko chrome blink opera blink 曾經使用presto safari webkit timepara getdatetime 獲取日期和時間 logo.png width...

html5 離線快取

本文將介紹離線快取的方方面面,並在最後會介紹一下關於自動化的問題。html5之前的網頁,都是無連線,必須聯網才能訪問,這其實也是web的特色,這其實對於pc是時代問題並不大,但到了移動網際網路時代,裝置終端位置不再固定,依賴無線訊號,網路的可靠性變得降低,比如坐在火車上,過了乙個隧道 15分鐘 便無...

html5的離線快取

html5 引入了應用程式快取,這意味著web應用可以進行快取,並且可以在沒有網路連線的時候進行訪問。1 離線瀏覽 使用者可以在應用離線時使用它們 2 速度更快 已快取資源,載入得更快 有乙個web應用有三個檔案index.html,a.js,b.css,現在需要把js和css檔案快取起來 1.在i...