体面的HTML5离线存储和缓存示例

见 http://hacks.mozilla.org/?s=localStorage

火狐不支持SQL数据库API,如果这是你想要的。

我发现了这个例子,它是我在localstorage中看到的最简单/最好的东西。它只演示本地(持久)存储,而不是数据库存储。另外,如果需要会话存储,只需将“localstorage”更改为session storage。

我觉得JavaScript再简单不过了。

w3.org example

是的,它对FF(至少对我来说)很好。

我建议你看看 CSS Ninja 的 Font Dragr demonstration 虽然它主要设计用于演示使用火狐的HTML5文件API,但也使用了离线存储。

如果没有其他的,这个人知道他的东西,可以提出好的例子。

我最近发现了HTML5演示的这个非常好的页面,所以我想把它放回这里。

html5demos.com

编辑-另一个可能有帮助的链接:

来自Google Chrome开发团队的是HTML5Rocks,它是一个为网站管理员提供和培训HTML5令人敬畏的新功能的网站。

www.html5rocks.com

编辑2-这是我遇到的最好的文章之一:

wrapping things nicely with html5 local storage

我知道现在所有主要浏览器都支持离线存储,所以我建立了一个jquery插件来处理表单状态。 http://www.jasonsebring.com/dumbFormState 来源小,容易理解。

我建议使用Douglas Crockford的json2.stringify进行序列化的方法: https://github.com/douglascrockford/JSON-js 获取javascript中的对象并将其转换为JSON字符串。然后您可以将其保存到window.sessionstorage或window.localstorage中,这样就可以轻松地:

/设置数据

window.sessionstorage['mydata']=json.stringify(someobject);

//拿回来

someObject=jquery.parsejson(window.sessionstorage['mydata']);

另一个需要考虑的问题是名字间隔键。对于我所做的,我希望它是自动的,这样键名就可以根据“dumbformstate-”+window.location.pathname保存。+ “-”+表单索引以确保密钥自动唯一,然后您可以在以后循环访问它们。请通过检查前缀“dumbformstate-”来删除它们,因为您不想删除其他人可能使用的内容。

希望能有所帮助。