html5主頁緩存 web頁面緩存

HTML5的5種存儲方式詳解

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

創(chuàng)新互聯(lián)公司是一家專業(yè)提供河間企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站設計、成都網(wǎng)站制作、H5高端網(wǎng)站建設、小程序制作等業(yè)務。10年已為河間眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設公司優(yōu)惠進行中。

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

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

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

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

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

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

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

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

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

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

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

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

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、網(wǎng)站設計公司、云服務器、全網(wǎng)營銷推廣、服務器托管、企業(yè)建站

廣告

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