Question

我正在让我的网络应用离线运行。我做了一个离线版本。现在，我想让用户知道某种链接，点击进入离线页面。

如何缓存离线页面，而用户正在浏览在线页面？

更新

这是我在网上使用的代码。

setInterval(function () {
if(!navigator.onLine){
$('.status').html('<a href="offline.html">Click here to run offline version</a>'); 
}
}, 250);

和offline.html也包含一个html文件和清单文件。

<html lang="en" manifest="app.manifest">

更新＃2 我自己得到了解决方案。您需要做的是，将以下iframe放在在线版本中，如下所示

<body>
<iframe src="http://site.com/index.php/m/m_offline/" width="0" height="0"></iframe>

它将缓存离线版本。请记住在离线版本中添加清单文件。希望这对其他人也有帮助。

由于

Answer 1

我自己得到了解决方案。您需要做的是，将以下iframe放在在线版本中，如下所示

<body>
<iframe src="http://site.com/index.php/m/m_offline/" width="0" height="0"></iframe>

它将缓存离线版本。请记住在离线版本中添加清单文件。希望这对其他人也有帮助。