本地存储和会话存储

Question

我将用新的本地存储和会话存储来踏出千里之行的第一步，这些技术都可以在HTML5中找到。 http://www.w3.org/TR/offline-webapps/ 问题：是否有使用会话存储或本地存储的代码示例，用户输入一个值，该值保存在本地，在56K调制解调器上连接到互联网后，本地存储与服务器同步？

- Phillip Senn

---

HTML5离线功能都是客户端的，而不是服务器端的。您需要编写一些JS代码来与服务器端数据库同步。 - Henry

Answer 1

您可以在hacks.mozilla.org上的此页面找到一个示例

- futtta

---

谢谢futtta。这将让我迈出下一步。 - Phillip Senn

Answer 2

不要使用setInterval并盲目尝试向服务器发送数据，可以检查navigator.onLine属性:

if (navigator.onLine) {
   // Send data using XMLHttpRequest
} else {
   // Queue data locally to send later
}

您还可以为 Window 对象添加“online”和“offline”事件的监听器，这将在浏览器再次拥有互联网连接时通知您。

- Arne Roomann-Kurrik

---

谢谢Arne！我正在寻找一个代码示例，所以你的回答是一个很好的第一步。 - Phillip Senn

+1 不错。这是DOM0，但不是标准。浏览器支持如何？顺便提一下，文档在这里：https://developer.mozilla.org/En/DOM/Window.navigator.onLine - BalusC

已经成功地在Firefox 3.6、Safari 4、IE8和Chrome 5（dev）中测试了navigator.onLine，并且我听说它也适用于Opera。 - Arne Roomann-Kurrik

Answer 3

这些库属于这里...

• https://github.com/andris9/jStorage
• https://github.com/marcuswestin/store.js
• https://github.com/ZaDarkSide/simpleStorage

- doublejosh

---

谢谢 doublejosh。我以前从未见过这些。 - Phillip Senn