1

我创建了一个可以离线访问的网络应用程序。但是我遇到的问题是让浏览器显示页面的新版本。

我可以看到文件正在再次下载：

Application Cache Downloading event
Application Cache Progress event (0 of 3) pad/jquery.min.js
Application Cache Progress event (1 of 3) pad/index.html
Application Cache Progress event (2 of 3) pad/
Application Cache Progress event (3 of 3) 
Application Cache UpdateReady event

但是，刷新页面后，旧的 index.html 文件仍在显示中。

我已经正确设置了我的 offline.manifest 文件并在 html 标记中引用了它。我不确定这里可能是什么问题。

4

1 回答 1

0

在某些情况下，您可能必须使用 javascript 手动交换新缓存。这是我在页面上处理该问题的内容：

<script>window.addEventListener('load', function(e) {window.applicationCache.addEventListener('updateready', function(e) {if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {window.applicationCache.swapCache();window.location.reload();} else {}}, false);}, false);</script>

这将自动换入新的缓存并在页面可用时重新加载页面。您可以在 html5rocks 获得更多关于在 appcache 中使用 javascript 的信息

于 2013-07-17T08:41:12.673 回答