【正文】 i。 for(i = 0。localStorage39。 for (var i = 0。 7) remove 函數(shù)分別調(diào)用 removeUIItem 和 removeDataItem 刪除頁面元素和數(shù)，removeDataItem 函數(shù)的代碼將在后面列出。因此，應(yīng)用 online/offline 事件的觸發(fā)機(jī)制，可以在網(wǎng)絡(luò)狀態(tài)發(fā)生變化時(shí)立刻得到通知。 }, false)。error39。 如果系統(tǒng)管理人員對服務(wù)器擁有控制權(quán)且正在使用一個(gè) J2EE 應(yīng)用程序服務(wù)器，只需要在 Web 應(yīng)用程序的 文件中配置這個(gè) MIME 類型參數(shù)。但是，擁有這樣的信息很關(guān)鍵，因?yàn)榭梢允褂迷撔畔砀嬷獮g覽器您的應(yīng)用程序有一個(gè)新版本。 CACHE: style/ FALLBACK: /files/projects / （ 3）所應(yīng)該要注意的問題 在“ Cache Manifest”文件 的 CACHE、 FALLBACK 和 NETWORK 等標(biāo)志是沒有先后順序的，而且在同一個(gè)“ Cache Manifest”文件中可以多次出現(xiàn) 。 （ 2）在線狀態(tài)檢測 Web 應(yīng)用系統(tǒng)需要知道瀏覽器目前 是否在線，這樣才能夠區(qū)分當(dāng)前是否處于在線或離線狀況，并分別做出對應(yīng)的處理。楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 1/19 頁 1 目錄 跟我學(xué) Html5 相關(guān)技術(shù) —— HTML5 脫機(jī)應(yīng)用技術(shù)及實(shí)例 ................................. 2 HTML5 脫機(jī)（離線， Offline Storage）概述 .................................................. 2 Cache Manifest 文件及資源緩存示例 ............................................................... 4 離線應(yīng)用示例 .................................................................................................... 12 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 2/19 頁 2 跟我學(xué) Html5 相關(guān)技術(shù) —— HTML5 脫機(jī)應(yīng)用技術(shù)及實(shí)例 HTML5 脫機(jī)（離線， Offline Storage） 概述 HTML5 提供了脫機(jī)應(yīng)用程序方面的支持 所謂的“脫機(jī)應(yīng)用程序”也稱為“可離線訪問 程序”或者“可離線瀏覽的程序”，離線訪問對基于網(wǎng)絡(luò)的應(yīng)用而言越來越重要。在 HTML5 中，提供了兩種檢測當(dāng)前網(wǎng)絡(luò)是否在線的方式。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 5/19 頁 5 離線資源緩存的相關(guān)實(shí)現(xiàn)技術(shù)及示例 （ 1）離線資源緩存的示例文件說明 下面為 W3C 本身所提供的示例 Clock Web 應(yīng)用，該 Web 應(yīng)用主要是由三個(gè)文件“ ”、“ ”和“ ”所組成。因此，可以通過這個(gè)注釋，一方面修改版本號(hào)，另一方面讓瀏覽器更新緩存。 ?xml version= encoding=utf8? webapp xmlns:xsi= 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 8/19 頁 8 xmlns= xmlns:web= xsi:schemaLocation= version= mimemapping extensionmanifest /extension mimetypetext/cachemanifest/mimetype /mimemapping welefilelist welefile/welefile /welefilelist /webapp 更新緩存 應(yīng)用程序可以等待瀏覽器自動(dòng)更新緩存，也可以使用 Javascript 接口手動(dòng)觸發(fā)更新。, handleCacheError, false)。 function updateCurrentWebPage (e) { if ( == ) { /* 瀏覽器更新緩存成功后，提示用戶需要重新加載更新后的頁面以應(yīng)用最新版本 */ if (confirm(39。 當(dāng)在線 /離線狀態(tài)切換時(shí)， online/offline 事件將觸發(fā)在 body標(biāo)簽元素上，并且會(huì)沿著、 document 和 window 的順序冒泡。 8) removeUIItem 函數(shù)刪除頁面列表中的相應(yīng)項(xiàng)。 i 。]。 i。 i++) { addUIItem(items[i])。 for(i = 0。 if(str != null){ var addItems = (,)。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 16/19 頁 16 var storage = window[39。 } 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/19 頁 15 function removeUIItem(title){ var list = (list)。 5) “刪除便簽”的主要流程如下： 6) 用戶雙擊某便簽時(shí)，調(diào)用 remove 函數(shù)。 （ 2） online/offline 事件 當(dāng)開發(fā)離線應(yīng)用時(shí)，僅僅通過 屬性獲取網(wǎng)絡(luò)狀態(tài)通常是不夠的，否則開發(fā)者需要在狀態(tài)查詢的相關(guān)代碼中不斷地查詢網(wǎng)絡(luò)的當(dāng)前連接狀態(tài)，處于被動(dòng)狀態(tài)。, updateCurrentWebPage, false)。 /** 請求 manifest 文件時(shí)返回 404 或 410 下載失敗或 manifest 文件在下載過程中源文件被修改會(huì)觸發(fā) error 事件 */ (39。前者當(dāng)然是更有效的方法，但是有時(shí)也可能需要使用后一種方法，比如 Web 應(yīng)用的 系統(tǒng)管理人員沒有對服務(wù)器配置的控制權(quán)（比如在一個(gè)共享或托管環(huán)境中）。在本示例中，它其實(shí)只是 Cache Manifest 文件中的一個(gè)注釋。 images/ images/ NETWORK: 下面是另一些需要緩存的資源，在這個(gè)示例中只有一個(gè) css 文件。在 HTML5 中，主要通過在“ Cache Manifest”文件中指明需要緩存的資源文件名稱。目前所有的主流的瀏覽器都有緩存機(jī)制，但它們在實(shí)際應(yīng)用中表現(xiàn)出很不可靠，也不一定總能起到預(yù)期的作用。 （ 3）本地?cái)?shù)據(jù)存儲(chǔ) 離線時(shí)，需要能夠把數(shù)據(jù)存儲(chǔ)到本地（客戶所在的計(jì)算機(jī)中），以便在線時(shí)同