
第六章
離線
HTML5
有個功能,稱為
離線應用程式快取
(
offline application cache
),即使沒有連接
至網際網路,也能讓使用者執行網站程式。運作方式是這樣的:當使用者來到你的網站程
式時,瀏覽器會下載並儲存所有需要的檔案以顯示頁面(
HTML
、
CSS
、
JavaScript
等等)。
下一次使用者又來到你的網站時,瀏覽器會認出這個
URL
,並以本機應用程式的快取來
供應檔案,而不用再從網路上下載。
離線應用程式快取簡介
離線應用程式快取的主要元件是位在網站伺服器上的
快取告示檔
(
cache manifest file
)。
我要使用簡單範例來說明牽涉到的一些概念,然後將把學到的技巧用到我們在做的
Kilo
範例上。
快取告示檔就是一個簡單的文字文件,位在網站伺服器上,傳給使用者的設備時,所帶的
內容型態為
cache-manifest
。告示檔包含使用者設備要正常運作所必須下載和儲存的檔
案清單。參考這一個包含下列檔案的網站目錄:
index.html
logo.jpg
scripts/demo.js
styles/screen.css
這個例子中,
index.html
是使用者拜訪你的應用程式時要下載至其瀏覽器內的頁面。其他
則是
index.html
裏會引用的檔案。為了讓一切在離線時皆可用,你要在
index.html
所在目
錄內建立名為
demo.manifest
的檔案。(先不要急著建立這個,待會你將會知道怎樣應用
它至應用程式)
。以下多了這個檔案的目錄列表: