通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5脫機(jī)應(yīng)用技術(shù)及實(shí)例-文庫吧資料
2024-11-16 20:20本頁面
【正文】 以在 updateready 事件中編寫代碼，實(shí)時(shí)監(jiān)測(cè)本地緩存是否完成更新的信息。 } 不管是 manifest 文件還是它所羅列的資源文件下載失敗，整個(gè)更新過程就終止了，瀏覽器會(huì)使用上一個(gè)最新的緩存。不能正確地更新緩存！ 39。, handleCacheError, false)。 /** 請(qǐng)求 manifest 文件時(shí)返回 404 或 410 下載失敗或 manifest 文件在下載過程中源文件被修改會(huì)觸發(fā) error 事件 */ (39。從而可以實(shí)現(xiàn)對(duì)更新過程進(jìn)行監(jiān)控和處理各種異常、提示等待狀態(tài)等行為以提高用戶的體驗(yàn)。圖片不會(huì)重新加載，樣式和腳本也不會(huì)重新渲染或解析，唯一的變化是在此之后發(fā)出請(qǐng)求頁面的資源是最新的。 但 update()函數(shù)會(huì)調(diào)用當(dāng)前應(yīng)用資源下載的過程，可能會(huì)出現(xiàn)重復(fù)下載資源文 件。 ｝ 通過調(diào)用 ()函數(shù)使得瀏覽器開始嘗試更新的行為，但前提是“ Cache Manifest”文件是更新過的（比如前面所說的修改版本號(hào)）。 （ 2）手動(dòng)更新 開發(fā)者可以使用 的接口更新緩存，此時(shí)需要檢測(cè)其中的一 個(gè)status 屬性的值 （ ），如果其值是 UPDATEREADY，那么可以調(diào)用 ()函數(shù)更新緩存。 比如，可以在“ Cache Manifest”文件添加注釋文件的版本或者修改其中的版本號(hào)達(dá)到“ Cache Manifest”文件被修改的效果。 ?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ā)更新。前者當(dāng)然是更有效的方法，但是有時(shí)也可能需要使用后一種方法，比如 Web 應(yīng)用的 系統(tǒng)管理人員沒有對(duì)服務(wù)器配置的控制權(quán)（比如在一個(gè)共享或托管環(huán)境中）。 （ 7）在 Web 服務(wù)器端配置檢查緩存清單的 MIME 類型 根據(jù) HTML5 的緩存清單規(guī)范規(guī)定，瀏覽器在下載和處理緩存清單文件時(shí)必須要執(zhí)行一個(gè)額外的驗(yàn) 證步驟， 即檢查緩 存清單 的 MIME 類 型，該 MIME 類 型必須為 text/cachemanifest。 這就意味著用戶瀏覽的每個(gè) html標(biāo)簽內(nèi)包含有 manifest 屬性的網(wǎng)頁，瀏覽器都會(huì)隱式地添加到應(yīng)用的緩存中加以緩存。 注意： 需要在 Web 應(yīng)用中所有要緩存訪問的每個(gè)頁面的 html標(biāo)簽內(nèi)都要添加 manifest 屬性，并指定相關(guān)的“ Cache Manifest”文件名稱 —— 因此，如果 Web 系統(tǒng)中有多個(gè)不同的Web 頁面需要緩存，則要在每個(gè)頁面中設(shè)計(jì)對(duì)應(yīng)的“ Cache Manifest”文件。 這個(gè) manifest 的文件路徑可以使用絕對(duì)路徑或者相對(duì)路徑，當(dāng)然也可以引用其它的服務(wù)器上的 manifest 文件。 因此，需要修改 頁面中的相關(guān)標(biāo)簽的屬性定義實(shí)現(xiàn)將 文件鏈接到 HTML 文檔中。因?yàn)樵?Web 應(yīng)用中添加了“ Cache Manifest”文件 后，還需要向?yàn)g覽器提供一些信息。因此，可以通過這個(gè)注釋，一方面修改版本號(hào)，另一方面讓瀏覽器更新緩存。在本示例中，它其實(shí)只是 Cache Manifest 文件中的一個(gè)注釋。只要列示在清單中，所有這些文件都將被瀏覽器緩存并可在離線模式中使用。 （ 5） Cache Manifest 文件 示例的內(nèi)容 CACHE MANIFEST Version 這個(gè)文件列示了離線應(yīng)用 程序正常工作所需的所有文件，其中包括 HTML 文件、JavaScript、 CSS 和圖像。本示例中的“ Cache Manifest”文件為“ ”，擴(kuò)展名為 *.manifest，這個(gè)擴(kuò)展名可以任意選擇，但需要在服務(wù)器端的相關(guān)文件如 中定義。 當(dāng)用戶在離線狀態(tài)下訪問“ ”頁面文件時(shí)，頁面將無法正常地展現(xiàn)，因?yàn)樵擁撁孢€需要另外兩個(gè)文件 —— 樣式單文件和 腳本程序文件。).value = new Date()。 } （ 4） 文件中的內(nèi)容 setTimeout(function () { (39。 楊教授工作室 精心創(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è)文件“ ”、“ ”和“ ”所組成。 images/ images/ NETWORK: 下面是另一些需要緩存的資源，在這個(gè)示例中只有一個(gè) css 文件。 Cache Manifest 文件 及 資源緩存示例 “ Cache Manifest”文件的一個(gè)應(yīng)用示例 （ 1）“ Cache Manifest”文本文件的主要作用 為了能夠讓用戶在離線狀態(tài)下繼續(xù)訪問 Web 應(yīng)用，開發(fā)者需要提供一個(gè)“ Cache Manifest”的文本文件，在該文件中列出所有需要在離線狀態(tài)下使用的資源文件清單，瀏覽器會(huì)把這些 資源文件緩存到本地。 6) 注釋要另起一行，并以 號(hào)開頭。 5) 如果要聲明某 URI 不能訪問時(shí)的替補(bǔ) URI—— 也就是當(dāng)在離線狀態(tài)下，如果某個(gè)頁面不能訪問，系統(tǒng)將會(huì)自動(dòng)地訪問由 FALLBACK：標(biāo)識(shí)符標(biāo)識(shí)定義的相關(guān)資源文件，可以使用 FALLBACK：標(biāo)識(shí)符。 （ 2）“ Cache Manifest”文件的 語法格式要求 1) 首行必須是 CACHE MANIFEST，它標(biāo)識(shí)這是 manifest 的配置文件； 2) 其后，每一行列出一個(gè)需要緩存的資源文件名，而且文件名是區(qū)分大小寫的； 3) 可根據(jù)應(yīng)用的需要列出在線訪問的白名單（也就是只能在網(wǎng)絡(luò)連接的狀態(tài)下才能使用的資源文件名單），但白名單中的所有資源不會(huì)被緩存，在使用時(shí)將直接在線訪問。 “ Cache Manifest”文件的語法格式 （ 1）使用“ Cache Manifest”文件列舉出需要離線時(shí)訪問的資源 在離線狀態(tài)下需要瀏覽器保存哪些文件，不需要保存哪些文件、在線與離線時(shí)需要調(diào)用哪些文件，這些都是由“ Cache Manifest”（ manifest）文件來管理的
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1