如何讓我的WebApp脫機？

Question

如果您使用的是谷歌日曆，你可能會注意到，他們有"Offline" feature。即使您處於離線狀態，也可以使用Google日曆。我很想知道他們使用何種策略來啓用此功能？

我有一個PHP/MySQL的發票應用程序，並我希望讓用戶在使用我的系統即使是離線，那麼當網絡又回來了，數據應與網絡版同步。

我不想安裝在我的客戶的電腦我的代碼，所以我希望，如果有人有一個想法，讓我做一樣的東西，他們在谷歌日曆或任何其他的想法，可以幫助做。

Answer 1

有一個叫localStorage的一個JavaScript變量。你可以存儲在那裏執行的命令隊列，你可以可以實現同步的功能，如：

function synchronize(queue) { 
    while (!queue.isEmpty()) { 
     queue.pop().execute(); 
    } 
} 

您可以使用別的任何東西，包括脫機存儲，但請記住，離線存儲是僅限HTML5支持，所以如果你想支持舊瀏覽器，那麼你也需要有一個回退邏輯。