image - 将 HTML5 LocalStorage 用于字体/图像/流行插件

Question

1. 有没有人成功使用localStorage来存储CSS引用的字体文件？我该如何实现？

2. 对于图像，我知道我可以在脚本中对图像进行二进制编码并保存到本地存储中，但这意味着脚本代码非常大。如果每次都加载臃肿的脚本，我看不到任何实际好处。如果将脚本缓存为单独的文件，则与首先缓存图像文件相同。我是不是遗漏了什么或者真的没有任何好处是本地存储图像的正常情况。

3. 有人成功实现了来自 Facebook/Google/Twitter 的 localStoraging 流行插件并愿意分享哪些是对缓存最有用/最适用的插件吗？

Answer 1

我不知道您的浏览器支持要求是怎样的。

1. localStorage 适用于 IE8+。
2. @font-face 有不同的支持，但 IE9+ 支持 WOFF 字体。
3. 我认为您需要对字体进行 base64 编码，以便它们与 localStorage 一起使用。
4. dataUri(base64 字体需要)在 IE8 中有大小限制(我相信是 32k)。
5. 如果你问我的话，Cufon 真的很糟糕。就我而言，要么支持 WOFF，要么什么都不支持。

这篇文章讨论了在本地存储中存储图像。当然，它非常快: http://www.sencha.com/learn/taking-sencha-touch-apps-offline/

至于字体，我正在考虑自己做。我会让你知道结果如何:)

另外，查看 caniuse.com浏览器支持:

• http://caniuse.com/#search=localstorage
• http://caniuse.com/#search=datauri