是否可以使用 localStorage 进行客户端页面/DOM 缓存？答案

【问题标题】：Is it possible to do client-side page/DOM caching with localStorage?是否可以使用 localStorage 进行客户端页面/DOM 缓存？
【发布时间】：2012-08-05 00:16:27
【问题描述】：

我正在阅读Local Storage in HTML5，我开始将其视为我如何使用 memcached 的客户端版本。这让我开始思考——我目前在 memcache 中进行页面级缓存。

localStorage 有可能吗？也就是说，组装好的页面是否可以在 localStorage 中存储自身（或者更重要的是，可能是自身的一部分），这样客户端下次用户出现页面时就不必如此努力地工作其 DOM？

在我看来，由于事物只存储为字符串，因此除非有一些可用的字符串到对象的转换，否则这可能不起作用。

【问题讨论】：

标签： html local-storage

【解决方案1】：

查看缓存完整界面标题下的Christian's 2010 24ways post（接近尾声）。他基本上是这样的：

localStorage.setItem('state',f.innerHTML);

接着是：

if('state' in localStorage){
    f.innerHTML = localStorage.getItem('state');
}

f 是他要缓存的元素。

【讨论】：

这正是我认为它可能工作的方式。感谢您的有趣回答

【解决方案2】：

这样做的问题是，在加载页面之前，您不知道缓存中的内容，这意味着您需要执行 另一个 HTTP 请求来获取您的数据确实需要，这会导致更多的开销。我肯定会坚持使用服务器端的资源缓存。

你可以这样做，但这样的事情基本上会涉及一个单一的 Javascript 主索引页面，该页面要么加载缓存的本地文件，要么执行 Ajax 请求以从服务器加载内容。

【讨论】：