如何在 html5 本地存储中保存 html、javascript 和 css 文件？答案

【问题标题】：How to save html, javascript and css files in html5 local storage?如何在 html5 本地存储中保存 html、javascript 和 css 文件？
【发布时间】：2012-04-19 08:44:38
【问题描述】：

有没有办法在 html5 本地存储中存储 html、javascript 和 css 文件？

我想让我的网络应用程序更快！

谢谢

【问题讨论】：

标签： javascript css html

【解决方案1】：

您想为此使用应用程序缓存，而不是 localStorage：

http://www.html5rocks.com/en/tutorials/appcache/beginner/

【讨论】：

现在看来，在 2016 年，Application Cache 已被弃用，取而代之的是 Service Worker：caniuse.com/#search=applicationCache

【解决方案2】：

你不使用 HTML5 本地存储 CSS/JS 文件，你 cache 他们。

【讨论】：

缓存的时候还是有http请求。

【解决方案3】：

我建议在客户端和服务器端使用缓存而不是存储在本地存储中，这样您可以控制何时更新（使缓存无效），您还可以考虑使用 CDN 来交付静态内容，如图像、js、css

【讨论】：

【解决方案4】：

即使这不是最佳解决方案，也可以使用本地存储缓存大部分界面。 Christian Heilmann 在他的2010 24Ways article 中讨论了很多想法。请查看this screencast 以获取符合您想法的完整示例。

请注意，要将图像缓存在本地存储中，您需要先Base 64 encode them。

【讨论】：

【解决方案5】：

本地存储是一种键值存储，您应该更喜欢存储数据对象 (json) 或单个值，如字符串或数字。不要将表示层保存在里面。

【讨论】：

【解决方案6】：

你绝对可以使用它。

当您为浏览器配置缓存以检查文件是否已更改时，它会请求文件，并且 CDN 将响应 304 状态代码，这意味着可以使用浏览器缓存中的文件。但是，这仍然需要 HTTP 请求。您也可以使用 etag 或 expires 所以它不会这样做。

但是，您可能会从无法控制标题的站点加载外部文件。在这种情况下，如果没有 http 请求和 304 响应，您可以使用本地存储来节省时间。

【讨论】：