如何预取/缓存 iframe 内容？答案

【问题标题】：how to prefetch / cache iframe content?如何预取/缓存 iframe 内容？
【发布时间】：2013-06-20 19:39:29
【问题描述】：

我有一个 iframe，内容需要一段时间才能返回。我无法避免使用 iframe，所以我想知道我是否可以：

缓存内容，这样当我重新访问该页面时，它的加载速度非常快。
预取包含 iframe 的页面。这里我试过用<link rel="prefetch" href="..." />，但是好像对iframe没有影响

任何想法如何解决这个问题？可以是前端解决方案还是后端解决方案？

【问题讨论】：

您可以加载 iframe，但需要设置 display: none;。
@乔。我不确定你明白我的意思。我想要缓存或预取的内容
我理解您的意思，但是如果不将 iframe 内容加载隐藏然后显示，则无法预取它。缓存 iframe 内容的用户浏览器取决于 iframe 站点的缓存标头。您始终可以在 PHP 中获取远程站点，然后在 iframe 中从您的服务器提供它。但是，如果远程内容是动态的，这将不起作用。
@Joe 我有age1.html，它有一个指向page2.html 的链接。 page2.html 上面有 iframe。我如何在page1 中加载iframe 并在page2 中显示它

【解决方案1】：

加载 iframe 内容会使浏览器将页面缓存在其中，因此如果您稍后再次加载它，浏览器只会从缓存中获取它，除非您的服务器设置为始终重新加载内容。我怀疑如果您每次重新访问它时都看到它重新加载 iframe 的页面，您要么忘记指明页面应缓存多长时间，要么您的服务器未设置为“此页面尚未修改因为 ...”，所以浏览器不会尝试重新加载页面，或者页面提供的标头表明它不能被缓存。

（如果您想在第一次运行时预加载内容，这与在 iframe 中加载内容相同，隐藏 iframe，然后在 iframe 内容准备好时显示它。 )

【讨论】：