缓存清单刷新后重新加载应用

Question

每当我更新我的 Web 应用程序时，用户必须加载页面两次才能看到更新。因为浏览器在应用程序已加载后下载新更新。

有没有办法附加一个触发器来显示"更新应用程序"或其他东西，然后在完成后重新加载页面？

CACHE MANIFEST
# Dec 12, 2014 v4
CACHE:
index.html
/assets/css/main.css
http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic
http://fonts.googleapis.com/css?family=Raleway:400,300,700
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
/assets/js/all.js?v=2
NETWORK:
*
HTTP://*

Answer 1

您可以使用提供的事件来检测使用 javascript 的更新清单：

function onUpdateReady() {
    window.location.reload();
}
window.applicationCache.addEventListener('updateready', onUpdateReady);
if(window.applicationCache.status === window.applicationCache.UPDATEREADY) {
  onUpdateReady();
}

源

还有更多事件可用于检测某些状态：

• 缓存
• 检查
• 下载
• 错误
• 无更新
• 过时
• 进展
• 更新就绪

源