HTML5的5種存儲方式詳解

1、離線緩存（application cache）HTML5引入了應用程序緩存器，可對web進行緩存，在沒有網絡形況下使用，通過創建cache manifest文件，創建應用緩存。

創新互聯公司是一家專業提供河間企業網站建設,專注與成都網站設計、成都網站制作、H5高端網站建設、小程序制作等業務。10年已為河間眾多企業、政府機構等服務。創新互聯專業網站建設公司優惠進行中。

2、h5之前，存儲主要是用cookies。cookies缺點有在請求頭上帶著數據，大小是4k之內。主Domain污染。

3、HTML5 提供了兩種在客戶端存儲數據的新方法：..兩者都是僅在客戶端（即瀏覽器）中保存，不參與和服務器的通信；localStorage - 沒有時間限制的數據存儲，第二天、第二周或下一年之后，數據依然可用。

4、按F12打開控制臺，找到sessionStorage，會發現其是用鍵值對的方式存儲數據的。localStorage跟sessionStorage類似，只是localStorage只要不刪除就會永久存儲在電腦上，而sessionStorage只要關閉了頁面就沒有了，這里小編就不再演示了。

html5的web存儲中對于本地緩存是怎么解決的?

1、需要服務器。這里用tomcat服務器來講解。首先要先把.manifest后綴的文件 的mine類型配置為text/cache-manifest。

2、html5的離線web應用的瀏覽器和服務器交互的過程要是沒有緩存就需要每次交互都要實時接口調用，增加網絡開銷。

3、h5新增localStorage和sessionStorage兩種用于把數據存儲在本地的方法，前者可以將數據永久保存在本地，可手動刪除。后者只能在本次瀏覽器啟動時存儲有效，關閉瀏覽器之后存儲的數據會自動清空。

html5緩存的問題,如何正確設置

1、這是第二步，第三步，只要在html標簽中加上manifest的位置就行了：html manifest=NAME.manifest 到這里，就可以實現簡單的離線應用了。

2、寫法：html manifest=/CacheFile/myApp.appcache myApp.appcache里面寫了需要緩存的css、js的路徑。

3、測試結果：如果把js放在index.html的body底部，那么就可以實現clock.js的app cache，但是clock.css是不行的。ff 版本 20 測試結果：只能實現cache.html本身的緩存。

新聞名稱：html5主頁緩存 web頁面緩存
分享地址：http://vcdvsql.cn/article0/diiohio.html

成都網站建設公司_創新互聯，為您提供用戶體驗、網站設計公司、云服務器、全網營銷推廣、服務器托管、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯