国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

HTML Application Cache 離線應用

lavnFan / 1285人閱讀

摘要：簡稱是一套針對緩存應用資源的接口，通過此套接口，可以實現(xiàn)網(wǎng)頁的離線訪問，或者在網(wǎng)速較慢的情況下也能快速打開頁面。的狀態(tài)為以下幾種網(wǎng)頁未緩存閑置檢查中下載中更新已準備完畢更新失敗內(nèi)主動更新的流程

HTML Application Cache （簡稱 HAC）是一套針對緩存應用資源的接口，通過此套接口，可以實現(xiàn)網(wǎng)頁的離線訪問，或者在網(wǎng)速較慢的情況下也能快速打開頁面。
使用 HAC 之后，瀏覽器在請求網(wǎng)站的時候首先會去 cache 內(nèi)查找，如果命中，則會加載命中的資源，如果沒有，則向服務端請求，再加載。

HAC 與瀏覽器傳統(tǒng)的緩存（304 的那種）不同的是，HAC 是將整套資源作為一個集合緩存下來，緩存的鍵是入口頁面的 url，而不是針對單個文件緩存。
一個 HAC 網(wǎng)站所需要的資源是通過緩存清單( manifest) 來告知瀏覽器的，在清單里聲明的資源將會被瀏覽器加入頁面的 HAC 。
manifest 的聲明方法如下:

頁面入口 index.html

/app.manifest 文件

CACHE MANIFEST
/index.html
/app.js

之后瀏覽器就會將 index.html 和 app.js 作為一整套資源加入到 HAC。

在瀏覽器第二次打開頁面的時候，就會在 HAC 中找到緩存，并加載。
但同時瀏覽器還會嘗試去請求 /app.manifest 文件，如果請求成功，就會拿新舊兩個版本的 manifest 去對比，如果發(fā)現(xiàn)文件內(nèi)容有更改，則會按照新版 manifest 中列出的文件重新請求一遍資源，并更新到 HAC 里。如果這時有一個文件訪問出錯，就會導致 HAC 停止更新。但是默認 chrome 會限制 5MB 的緩存大小，如果是 chrome 應用，并想要更多緩存空間的話，則需要聲明 unlimitedStorage。
在瀏覽器內(nèi)也可以手動的運行 applicationCache.update() 去觸發(fā)檢查。然后通過 applicationCache.status 去判斷是否需要更新 HAC。
applicationCache.status 的狀態(tài)為以下幾種 :

appCache.UNCACHED = 0; // 網(wǎng)頁未緩存
appCache.IDLE = 1; // 閑置
appCache.CHECKING = 2; // 檢查中
appCache.DOWNLOADING = 3; // 下載中
appCache.UPDATEREADY = 4; // 更新已準備完畢
appCache.OBSOLETE = 5; // 更新失敗
// js 內(nèi)主動更新的流程
var appCache = window.applicationCache;
 
window.applicationCache.addEventListener("updateready", function(e) {
    if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
        window.applicationCache.swapCache();
        if (confirm("A new version of this site is available. Load it?")) {
                window.location.reload();
        }
    }
});
  
appCache.update(); // Attempt to update the user"s cache.

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/54363.html

相關文章

  • 前端性能優(yōu)化（Application Cache篇）

    摘要：在文檔中，可以指定清單文件的相對路徑和絕對。具體做法是在中嵌入一個，中的頁面的標簽包含屬性引用文件，里面定義了需要緩存的文件。這比較適合一些頁面上的應用以及靜態(tài)的不經(jīng)常變更的頁面。其會緩存載體頁面也是由于其機制。 正巧看到在送書，于是乎找了找自己博客上記錄過的一些東西來及其無恥的蹭書了~~~ 小廣告：更多內(nèi)容可以看我的博客 之前在segmentfault上刷問題看到一個關于mani...

    mj 評論0 收藏0

  • 構(gòu)建離線WEB應用

    摘要：使用離線應用構(gòu)建應用服務端服務器配置創(chuàng)建文件客戶端構(gòu)建，并在標簽上添加屬性，屬性值是服務器上配置的緩存資源列表的文件名配置相關事件，創(chuàng)建離線文件內(nèi)容將狀態(tài)代碼轉(zhuǎn)化成狀態(tài)離線應用創(chuàng)建即使沒有互聯(lián)網(wǎng)連接也可以使用的應用程序。 HTML5新增了localstroage和application cache做離線緩存，兩種緩存各有應用的場景，今天我們說說application cache這種方案...

    shleyZ 評論0 收藏0

  • 構(gòu)建離線WEB應用

    摘要：使用離線應用構(gòu)建應用服務端服務器配置創(chuàng)建文件客戶端構(gòu)建，并在標簽上添加屬性，屬性值是服務器上配置的緩存資源列表的文件名配置相關事件，創(chuàng)建離線文件內(nèi)容將狀態(tài)代碼轉(zhuǎn)化成狀態(tài)離線應用創(chuàng)建即使沒有互聯(lián)網(wǎng)連接也可以使用的應用程序。 HTML5新增了localstroage和application cache做離線緩存，兩種緩存各有應用的場景，今天我們說說application cache這種方案...

    lk20150415 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<