Question

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

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

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标记中引用它。我不确定这里会出现什么问题。

Answer 1

在某些情况下，您可能必须使用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>

这将自动交换新缓存并在可用时重新加载页面。你可以get more info on using javascript with appcache here at html5rocks

脱机缓存未加载更新的文件

1 个答案: