離線快取更新麻煩,不如使用localStorage

2021-06-19 02:39:53 字數 952 閱讀 6096

智慧型手機的發展

伴隨著智慧型手機在國內的普及及其換代速度,html5技術在移動領域的發展終究比pc端來的更迅速些。

根據移動網際網路第三方資料探勘和整合營銷機構艾媒諮詢(iimedia research)發布的《2012中國智慧型手機市場年度研究報告》資料顯示,截止2012q4季度,中國智慧型手機使用者數達到了3.8億,同比增長72.7%;

(2012中國智慧型手機使用者規模發展狀況)

報告指出,在作業系統占有率方面,android份額到達68.6%,ios有所下滑,佔12.8%,symbian則難抑下滑趨勢,佔12.4%,windows phone作為後起之秀,份額只佔3.8%,但後續占有率會持續擴大;

(2023年中國智慧型手機市場作業系統分布狀況)

在系統平台分布方面,android上v2.x是主流版本,ios上v5是主流版本

2023年中國智慧型手機市場android、ios平台版本分布(以上資料來自iimedia research《2012中國智慧型手機市場年度研究報告》)

localstorage

但上帝總在關了一扇門之後,給我們開啟另一扇門,而這一扇門就是:localstorage。

(以上資料來自browserscope,測試位址點這裡)

假設我們的目錄結構如下:

有一點需要注意,在使用document.write輸出文件流時,要在window.onload觸發後方可進行頁面渲染,否則原文件流不會被覆蓋。

離線快取manifest

1 在html檔案中的html標籤中加入如下屬性 2 demo.manifest檔案包含內容如下 cache manifest v1.0.0 需要快取的檔案 cache a.js b.css 不需要快取的檔案 network 無法訪問頁面 fallback 404.html 3 manifest檔案...

離線快取總結

離線快取 1.什麼是離線快取?離線快取 離線快取可以將站點的一些檔案快取到本地,它是瀏覽器自身的一種機制,將需要的檔案快取下來,以便後期即使沒有連線網路,被快取的頁面也可以展示 2.離線快取的優勢 1 在沒有網路的時候可以訪問到快取的對應的站點頁面,其中包括 html,css,js,img.2 在有...

離線快取 application cache

1,什麼是離線快取?離線快取可以將站點的一先檔案快取到本地,它是瀏覽器自己的一種機制,將需要的檔案快取下來,以便後期即使沒有連線網路,被快取的頁面也可以展示。列子 比如我們在手機或電腦上訪問乙個網頁,下一次訪問即使不連網也可以訪問,因為當我們第一次訪問的時候,瀏覽器已經把此時頁面給儲存到本地了。2,...