html5主頁緩存 web頁面緩存

HTML5的5種存儲方式詳解

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

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

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

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

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

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

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

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

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

html5緩存的問題,如何正確設(shè)置

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

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

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

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

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

廣告

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