HTML5新增離線功能。
假定有1個(gè)在線筆記利用,當(dāng)用戶(hù)的手機(jī)網(wǎng)絡(luò)斷開(kāi)時(shí),他可能正在編輯1則筆記。
使用HTML5的離線Web利用,他就能夠繼續(xù)離線編輯筆記,然后等到網(wǎng)絡(luò)再次連接時(shí)將本地?cái)?shù)據(jù)發(fā)送到服務(wù)器。
離線Web利用的運(yùn)行機(jī)制是每一個(gè)需要離線使用的網(wǎng)頁(yè)都指定1個(gè)后綴名為.manifest的文本文件。
這個(gè)文本文件羅列了該網(wǎng)頁(yè)離線使用時(shí)所需的所有的資源文件(HTML、圖片、Javascript等)。支持離線Web利用的閱讀器
會(huì)自動(dòng)讀取.manifest文件。
1、使用方法。
在HTML的開(kāi)始標(biāo)簽中,我們指定1個(gè).manifest文件:
如果使用的事Apache服務(wù)器,你可能還需要修改下.htaccess文件,追加1行代碼 :
offline.manifest文件內(nèi)容以下:
2、manifest文件所包括的部份
1)CACHE:部份羅列了所有離線使用所需要的文件。這些文件的路徑都是相對(duì)offline.manifest而言的。使用絕對(duì)路徑也能夠的。
2)NETWORK:部份羅列了所有不需要被緩存的文件,你可以將看成1個(gè)”在線白名單“。此處羅羅列的文件在網(wǎng)絡(luò)暢通的情況下都會(huì)直接跳過(guò)緩存。
如果你想網(wǎng)絡(luò)內(nèi)容在網(wǎng)絡(luò)暢通個(gè)的情況下及時(shí)更新,可以在此處使用* 。星號(hào)唄成為在線白名單通配符。
3)FALLBACK:部份使用/字符定義了1個(gè)URL模板,他的作用是訪問(wèn)每一個(gè)頁(yè)面時(shí)都會(huì)問(wèn)”緩存中有這個(gè)頁(yè)面嗎?“如果有則顯示緩存頁(yè)面,如果沒(méi)有
則顯示指定的offline.html文件。