標籤：nbsp 串連 har 網路 還需 重啟 圖片 sheet oct
一個離線網路應用程式就是一個URL的列表,html,css,js,圖片,或者其他類型的資源。
把這些資源，在本機快取下來，當你嘗試在沒有網路連接時訪問網路應用程式，你的瀏覽器將自動切換並使用本地代替。
1、伺服器端配置
需要在apache設定檔加：AddType text/cache-manifest .manifest，並重啟伺服器。
2、manifest檔案,格式如下
#這一句必須存在，而且必須放在頭部CACHE MANIFEST#指明要緩衝的內容CACHE#指定無需緩衝的檔案NETWORK#這個聲明，允許你在資源停用情況下，將使用者重新導向到特定檔案FALLBACK
建立res.manifest如下：
CACHE MANIFESTCACHE:test.htmltest.csstest.jsNETWORK:test.jpgFALLBACK:
3、在html標籤添加屬性manifest
<!DOCTYPE html><html lang="en" manifest="res.manifest"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="./test.css"> <script src="test.js"></script></head><body> <img src="test.jpg" ></body></html>
重新連網後，html內容改變，但頁面仍沒有變化，因為預設優先使用緩衝，修改manifest檔案，重新整理就可以。
html5提供了兩種檢測是否線上的方式：
navigator.onLine和online/offline事件。
1、navigator.onLine屬性工作表示當前是否線上。
2、開發人員還需要在網路狀態發生變化時立刻得到通知，所以提供了online/offline事件。
applicationCache屬性，事件，方法API，慎用。
html5的離線緩衝
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
