如何解决渐进式Web App始终下载旧版本
我已经使用Framework7构建了Progessive Web App(PWA)。我已经注意到,当我更新服务器时,它总是调用PWA的旧版本,除非我清除了客户端的缓存变黑了。对于用户而言,这并不是真正的选择,尤其是如果他们在手机上将PWA作为图标。
确保始终下载最新版本的策略是什么?我不确定这是一般问题还是特定于Framework7的PWA。
更新: 我设置了一个过程,可以检测何时有新版本可用,然后运行这段代码。
function forceUpdate (appVersion) {
var currentVersion = localStorage.getItem("current-version");
localStorage.setItem("current-version",appVersion);
console.log("updating to version " + appVersion);
if ('serviceWorker' in navigator) {
navigator.serviceWorker.getRegistrations().then(function (registrations) {
for (let registration of registrations) {
registration.update()
//window.location.reload(true);
window.location.href = "/?v=" + appVersion;
}
})
}
}
但是无论出于何种原因,它都会重新加载,但仅停留在当前版本上而不会获得最新资产。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。