客户端 iframe 缓存的好方法

Question

我正在尝试在客户端缓存一些文档，以便更快地在它们之间切换。

文档已加载到 iframe 中，所以如何在浏览器中本地缓存它是个问题。

我的方法是有一个变量，item，然后做

if (item.cache) {
    $('.holder', someElem).html(item.cache);
    return;
}

item.cache = $('<iframe....');
$('.holder', someElem).html(item.cache);

但是，当注入到持有者上时，此方法会不断重新加载 iframe src。

客户端 iframe 缓存有什么好的方法吗？

Answer 1

iframe 在添加到dom 之前实际上不会触发页面刷新。我猜你保留了iframe 的一个实例，但在看到它之前不要将它添加到 dom 中。这种方法效果不好。我建议使用 css "display:none" 来加载它并隐藏，然后在需要时显示它。

Answer 2

HTTP 内置了缓存。Mark Nottingham 编写了a decent overview。设置 Cache-Control 和 Expires 标题应该足以满足您的描述。