Firefox OS App 開發入門 (9)：離線功能

你是熱血的開發者，而且早就想開發自己的 Firefox OS App 嗎？在完成

• 《Firefox OS App 開發入門 (1)：打造絕佳 HTML5 App 的要素》
• 《Firefox OS App 開發入門 (2)：Manifest 檔案》
• 《Firefox OS App 開發入門 (3)：在模擬器中測試》
• 《Firefox OS App 開發入門 (4)：在實機中測試》
• 《Firefox OS App 開發入門 (5)：將 App 提交到 Marketplace》

之後，你應該已經讓自己的 App 順利登上 Marketplace 了吧？是不是很有成就感呢？

除了以上 Firefox OS App 的基礎概念之外，你應該也看過了進一步的介紹影片了：

• 《Firefox OS App 開發入門 (6)：Web API》
• 《Firefox OS App 開發入門 (7)：Web Activities》
• 《Firefox OS App 開發入門 (8)：推播通知》

由於在很多狀況下，我們並無法控制手機能否保持上網，所以接著要說明 Web App 所應注意的特點之一：離線功能 (中文字幕)。

離線功能

如果 App 無法離線作業，那可用性就會大大降低。有部分使用者也因為這個理由，比較喜歡安裝的 App 只要開啟瀏覽器，能讓他們在裝置的瀏覽器上查看所需的內容就好。其實「Web App」這個詞看起來更有「需要網路連線才能運作」的感覺。使用者總是有無法上網的時候：飛機上、地底下，甚或手機沒留下任何資料。開發者應該要確保自己 的 App 能離線運作。而 HTML5 即具備幾項離線作業的技術，主要就是 AppCache 與 DOMStorage。

進一步了解離線功能：

• DOMStorage 的 Wiki 頁面
• AppCache 的 Wiki 頁面
• 使用 IndexedDB – 用戶端的進階儲存方式
• LocalForage 是 Firefox OS 中所使用的 wrapper，可兼顧 DOMStorage 的簡單易用，與 IndexedDB 的強大功能 (本篇 Mozilla Hacks 文章 另外詳細說明)

看完影片，你是否對 Firefox OS App 有更深入的了解呢？請別錯過即將陸續發佈且完成中文化的系列影片。

你也可以直接觀賞 MDN 上的原文系列影片《Screencast series: App Basics for Firefox OS》。

亦可欣賞中文版的《系列影片：Firefox OS App 開發入門》。我們將逐一完成影片的中文化，並隨時更新各影片所對應的文章內容。