離線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檔案。