为什么更改 HTML5 离线清单文件并调用 swapCache 方法后资源文件不刷新答案

【问题标题】：Why resource files are not refreshed after HTML5 offline manifest file was changed and swapCache method was called为什么更改 HTML5 离线清单文件并调用 swapCache 方法后资源文件不刷新
【发布时间】：2011-12-13 14:33:11
【问题描述】：

我正在 chrome 14 中测试离线 Web 应用程序。并在清单中列出了一些资源文件，例如：

CACHE MANIFEST
#version 1
./img/BG.jpg
./img/BtnDisable.gif
./img/BtnDown.gif
./img/BtnUp.gif

加载缓存后，我将“./img/BG.jpg”文件替换为新图像，然后将清单文件的版本更改为2，最后刷新页面。

从控制台，我可以看到每个资源都触发了“onprogress”事件，最后触发了“updateready”事件。我在“updateready”的监听器中调用了swapCache方法。

但在那之后，当我尝试在图像标签中访问“BG.jpg”或直接在地址栏中输入它的 URL 时。图片仍然是旧的“BG.jpg”。

我也在 Safari 5.1 中发现了这个问题。我的网络容器是 apache tomcat 7。

是不是我误解了离线机制，犯了一些错误？

那么如何更新客户端浏览器的缓存文件呢？

【问题讨论】：

您在 JPG 和 GIF 文件中发送了哪些到期标题？
Server Apache-Coyote/1.1 Accept-Ranges bytes Etag W/"212678-1319385602072" 最后修改时间 2011 年 10 月 23 日星期日 16:00:02 GMT Content-Type image/jpeg Content-Length 212678日期 2011 年 10 月 24 日星期一 13:29:39 GMT
那么，回答我的问题：没有？尝试设置一些过期标题。

标签： html caching google-chrome manifest offline

【解决方案1】：

试试这个：

CACHE MANIFEST
#version 2
./img/BG.jpg?v=2
./img/BtnDisable.gif?v=2
./img/BtnDown.gif?v=2
./img/BtnUp.gif?v=2

【讨论】：