我的小型HTML5应用程序需要重新部署在服务器上。我知道只需更改.appcache文件,下次访问时每个浏览器都会更新到文件的最新版本。
清单看起来像这样:
CACHE MANIFEST
#Version: 201209251353
index.html
apple-touch-icon.png
css/styles.css
data/dump.bin
img/background.png
img/sprites.png
js/core.js
js/jquery-1.8.1.min.js
vid/walkthrough.mov
我添加了一个注释(#Version:)来标识“touch”,每次内容更改时都需要更新它。
奇怪的是,一些文件已经更新了。并非所有文件都是这样,例如,我的同事获得了最新的core.js,但仍然显示旧的walkthrough.mov。
是否有简单的机制可以强制更新缓存中的所有文件?
我在SO上找到了以下代码,并将其包含在脚本中,希望它能有所帮助。不确定它有多么必要 :(
// Application cache refresh
window.addEventListener('load', function(e) {
window.applicationCache.addEventListener('updateready', function(e) {
if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
// Browser downloaded a new app cache.
// Swap it in and reload the page to get the new hotness.
window.applicationCache.swapCache();
if (confirm('A new version of this site is available. Load it?')) {
window.location.reload();
}
} else {
// Manifest didn't changed. Nothing new to server.
}
}, false);
}, false);