站長資訊網(wǎng)if (window.application Cache ) { // this browser supports offline applications }
2.在線、離線的狀態(tài)檢測和事件
// When the page loads, set the status to online or offline function loadDemo() { if (navigator.onLine) { log("Online"); } else { log("Offline"); } } // Now add event list eners to notify a change in online status window.addEventListener("online", function(e) { log("Online"); }, true); window.addEventListener("offline", function(e) { log("Offline"); }, true);
3.manifest
要使用離線功能，需要指定哪些資源離線緩存，這通過<html>標(biāo)記的manifest屬性指定一個以.manifest為擴展名的清單文件，需要離線緩存的資源、不要緩存的資源以及失敗的請求替換頁都在清單文件中列出。并且，清單文件的MIME類型必須是text/cache-manifest，這個MIME類型要從服務(wù)器端進行定義。清單的第一行不能為注釋。
失敗請求部分包括兩個方面，第一個是要請求的內(nèi)容，可以為文件夾；第二個是請求失敗的替換內(nèi)容。
如果需要更新緩存，只要更新清單文件，瀏覽器就會自動更新所有緩存。但是，前提是清單文件不被緩存（默認情況下會被緩存），可以通過修改服務(wù)器的緩存設(shè)置來解決此問題。
示例如下：
CACHE MANIFEST
# 井號行為注釋。下面的“CACHE:”可以省略
CACHE:
# file s to cache about.html html5 .css index.html happy-trails-rc.gif lake-tahoe.JPG
#do not cache signup page
#可以使用一個星號（*），這樣，所有未被顯式緩存的資源都不會被緩存
NETWORK
signup.html
FALLBACK signup.html offline.html /app/ajax/ default.html media/ images/video-fallback.jpg / /offline.html
4.applicationCache對象
window.applicationCache對象是Web離線應(yīng)用API的核心對象，它包括緩存狀態(tài)屬性 window.applicationCache.status和一些與緩存狀態(tài)相關(guān)的事件屬性。
5.緩存狀態(tài)與事件
window.applicationCache.status有六種值，如下：
?0( UNCACHED )：對應(yīng)oncached事件屬性，沒有緩存
?1( IDLE )：對應(yīng)oncached事件屬性，所有緩存清單中的資源處于緩存狀態(tài)。
?2( CHECKING )：對應(yīng)onchecking事件屬性，檢查緩存。
?3( DOWNLOADING )：對應(yīng)ondownloading事件屬性，下載緩存。
?4( UPDATEREADY )：對應(yīng)onupdateready事件屬性，準(zhǔn)備更新緩存。
?5( OBSOLETE )：對應(yīng)onobsolete事件屬性，某個資源已緩存，但清單中沒有。
另有三個事件屬性：
?onerror：產(chǎn)生錯誤。
?onnoupdate：沒有可用更新。
?onprogress：正在更新緩存。
6.window.applicationCache.update()方法
調(diào)用該方法請求瀏覽器更新緩存，包括檢查新版本的清單文件和下載必要地新資源。如果沒有緩存，或緩存已廢棄，則將產(chǎn)生錯誤。
