離線Web應用Manifest,離線webmanifest

來源:互聯網
上載者:User

離線Web應用Manifest,離線webmanifest

HTML5新增離線功能。

假設有一個線上筆記應用,當使用者的行動電話通訊斷開時,他可能正在編輯一則筆記。

使用HTML5的離線Web應用,他就可以繼續離線編輯筆記,然後等到網路再次串連時將本機資料發送到伺服器。


離線Web應用的運行機制是每個需要離線使用的網頁都指定一個尾碼名為.manifest的文字檔。

這個文字檔羅列了該網頁離線使用時所需的所有的資源檔(HTML、圖片、Javascript等)。支援離線Web應用的瀏覽器

會自動讀取.manifest檔案。

1、使用方法。

在HTML的開始標籤中,我們指定一個.manifest檔案:

<html lang="en" manifest="/offline.manifest">
注意:必須在每一個準備離線使用的頁面的HTML標籤中都追加manifest屬性。

如果使用的事Apache伺服器,你可能還需要修改下.htaccess檔案,追加一行代碼 :

AddType text/cache-manifest .manifest

現在我們要給offline.manifest填充內容,即通知瀏覽器納西而檔案是用作離線儲存的。

offline.manifest檔案內容如下:

CACHE MANIFEST#v1CACHE:basic_page_layout_ch4.htmlcss/main.cssimg/atwiNavBg.pngNETWORK:*FALLBACK://offline.html

2、manifest檔案所包含的部分

1)CACHE:部分羅列了所有離線使用所需要的檔案。這些檔案的路徑都是相對offline.manifest而言的。使用絕對路徑也可以的。

2)NETWORK:部分羅列了所有不需要被緩衝的檔案,你可以將看成一個”線上白名單“。此處羅羅列的檔案在網路暢通的情況下都會直接跳過緩衝。

如果你想網路內容在網路暢通個的情況下及時更新,可以在此處使用* 。星號唄成為線上白名單萬用字元。

3)FALLBACK:部分使用/字元定義了一個URL模板,他的作用是訪問每個頁面時都會問”緩衝中有這個頁面嗎?“如果有則顯示快取頁面面,如果沒有

則顯示指定的offline.html檔案。





聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.