- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
抱歉,我没有这个问题的可重现测试用例,因为我自己从未见过它发生过。我只知道这是因为客户端登录我的应用程序和用户的投诉。
问题是:
我正在使用 Service Worker,我希望它可以为这种情况不会发生提供一些保证。当新版本包含 IndexedDB 架构迁移时,这尤其令人不安,因为那样我的应用程序的旧版本将不再工作。
更多详情:
我使用的是 Workbox 4.3.1。我的服务人员基本上是:
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
workbox.precaching.precacheAndRoute([]);
workbox.routing.registerNavigationRoute("/index.html", {
blacklist: [
new RegExp("^/static"),
new RegExp("^/sw.js"),
],
});
workbox.precaching.precacheAndRoute([]);
由 workboxBuild.injectManifest
填充。我可以手动确认是否填写了正确的文件。服务人员通常可以正常工作。我可以在浏览器开发工具中看到它。我可以断开与 Internet 的连接并继续使用我的应用程序。一切似乎都很好。就像我上面说的,我从未见过这个问题发生,而且我没有可重现的测试用例。
但是我的一些用户遇到了上述问题。我尝试使用客户端错误日志记录来进行调查。我在我的应用程序中添加了一些代码以将其版本号存储在 localStorage 中,并在初始加载时将该版本号与当前运行的版本号进行比较。如果 localStorage 中的版本比当前运行的版本更新(即,它过去成功运行了一个较新的版本,但现在又回到了较旧的版本),它会记录版本号以及一些附加信息:
let registrations = [];
if (window.navigator.serviceWorker) {
registrations = await window.navigator.serviceWorker.getRegistrations();
}
log({
hasNavigatorServiceWorker:
window.navigator.serviceWorker !== undefined,
registrationsLength: registrations.length,
registrations: registrations.map(r => {
return {
scope: r.scope,
active: r.active
? {
scriptURL: r.active.scriptURL,
state: r.active.state,
}
: null,
installing: r.installing
? {
scriptURL: r.installing.scriptURL,
state: r.installing.state,
}
: null,
waiting: r.waiting
? {
scriptURL: r.waiting.scriptURL,
state: r.waiting.state,
}
: null,
};
}),
})
查看我的日志,我发现只有大约 1% 的用户会出现此问题。 Firefox 在这些用户中变得丰富(占总流量的 4%,但占此问题日志条目的 18%),但它发生在所有浏览器和操作系统中。
我看到几乎所有记录都有这些值:
{
hasNavigatorServiceWorker: true,
registrationsLength: 1,
registrations: [{
"scope": "https://example.com/",
"active": {
"scriptURL": "https://example.com/sw.js",
"state": "activated"
},
"installing": null,
"waiting": null
}]
}
据我所知,这些都是正确的值。
我还应该注意,我的 JavaScript 文件在 URL 中有一个散列,所以当用户请求新版本时,我的服务器不可能以某种方式返回旧版本的 JavaScript。
那么,可能发生了什么?如何解释这种观察到的行为?我还可以记录什么以进一步调试它?
我能想出的唯一场景对我来说似乎非常难以置信。喜欢...
但我没有证据表明 service worker 曾经失败过。我的错误日志中没有任何内容。没有用户提示离线支持中断。
如果有帮助,发生这种情况的实际网站是 https://play.basketball-gm.com/ , service worker 在 https://play.basketball-gm.com/sw.js ,所有代码都是available on GitHub .
自从大约一年前我开始使用 Service Worker 以来,这个问题就一直存在。我终于开始着手写一个 Stack Overflow 问题,因为我已经放弃了自己解决问题甚至创建可重现测试用例的希望。
最佳答案
用户以某种方式从他们的缓存中获取旧版本。删除过时的缓存应该可以解决问题。一旦安装了新的 service worker 并且没有使用以前的版本,新的就会激活,并且您会收到一个 activate
事件。因为旧版本不在了,现在是删除未使用的缓存的好时机。
self.addEventListener('activate', function(event) {
event.waitUntil(
caches.keys().then(function(cacheNames) {
return Promise.all(
cacheNames.filter(function(cacheName) {
// Return true if you want to remove this cache,
// but remember that caches are shared across
// the whole origin
}).map(function(cacheName) {
return caches.delete(cacheName);
})
);
})
);
});
在激活期间,其他事件(如 fetch
)被放入队列中,因此长时间激活可能会阻止页面加载。尽可能精简您的激活,仅将其用于您在旧版本处于事件状态时不能做的事情。
关于javascript - 即使在加载新版本后,Service Worker 仍可能显示旧版本应用程序的情况?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58032817/
这很可能是我的语法错误,因为我对在 C++ 中使用多个文件和结构(特别是将结构传递给函数)还很陌生。这是三个文件: 主要.cpp: #include #include #include #inc
我有 TypeScript NestJS 项目。 我需要验证传入的 DTO 到我的 API。它可以被描述为“创建项目”,其中我们有建筑类型(房屋、公寓、花园),并根据该类型我们需要定义: 房屋:楼层包
是否可以从可用于泛型参数的可能类型集中排除特定类型?如果是如何。 例如 Foo() : where T != bool 将意味着除了类型 bool 之外的任何类型。 编辑 为什么? 以下代码是我尝试强
我的 WebGL 体积光线转换应用程序即将完成。但是我发现了一个问题。我必须通过 2D 纹理模拟 3D 纹理。这不是问题。我正在用小切片创建一个巨大的纹理。巨大纹理的尺寸约为 4096x4096 像素
我正在处理的网页上显示了一个返回顶部按钮。当您向下滚动时,有时单击它时,它会跳到顶部,然后跳回您在页面上的位置,然后像预期的那样平滑滚动到顶部。请记住,它并不总是这样做。这只是一个滞后或故障问题还是我
我对此还很陌生,所以请耐心等待。 我有一个类,它具有三个属性:几个整数和一个用户定义对象的集合。 public class Response { public int num1 { get;
我正在制作一款平台游戏,让玩家每 30 毫秒跳跃一次,并向上添加少量的力。我想我应该使用多线程,因为我之前已经做过一些,而且看起来很简单。无论如何,我尝试了这个: public void jump()
是否可以从可能的类型集中排除特定类型,这些类型可以在泛型参数中使用?如果是这样的话。 例如 Foo() : where T != bool 表示除 bool 类型之外的任何类型。 编辑 为什么? 以下
我正在尝试在单个查询中实现内部和外部联接,我不确定我的做法是正确还是错误,因为我不太擅长查询。 就这样吧。 我有以下表格。 hrs_residentials hrs_residential_utili
关于 my website ,有一段代码可以向页面添加几个元素。这段代码不是我可以编辑的东西,而且我对它放置这些元素的位置不满意,因为它弄乱了我的一些布局。所以我想出了一个小的 jQuery 来将它们
一位客户希望我创建一个数据集,如下所示。我不知道这是否可能或合乎逻辑。 我有表parent: id name ------- ------- 1 parent1 2
这可能吗?google 好像没有这方面的资料.. 这样,如果用户在另一个网站上播放视频或歌曲,我的音量就会自动减小 最佳答案 不,这是不可能的。 如果可能的话,它必须是特定于浏览器的,但我不认为这种情
所以我正在尝试制作响应式页面。问题是为什么它归结为移动数据需要位于列表中。 我会用一些示例代码来解释 所以这可能是桌面上的输出 option1
当您将鼠标悬停在a 元素 上时,是否可以删除url? 这就是我的意思: 最佳答案 一种选择是使用一些 JavaScript。 删除 href=来自 的属性标签,取而代之的是 onclick=...
我已经考虑了几个小时,但我无法取得太大进展。它是这样的: You have an array of size n and q queries. Each query is of the form (l
我一直在尝试编写一个脚本来强化 android。我没有成功! 我正在通过模拟器运行一个 AVD,并且已经用我加载的 android shell 和 bash shell 试过了。正如您将在下面看到的那
Private Sub Workbook_Open() Dim WBname As String WBname = ThisWorkbook.name If Not InStr(WBname, "te
Spark 2.0.0-预览版 我们有一个应用程序使用了相当大的广播变量。我们在大型 EC2 实例上运行它,因此部署处于客户端模式。广播变量是一个巨大的 Map[String, Array[Strin
我正在尝试从此link中提取摘要。但是,我无法仅提取摘要的内容。到目前为止,这是我完成的工作: url <- "http://www.scielo.br/scielo.php?script=sci_a
我的主页中有一个iframe。 iframe页面中有一个modalpopup。因此,当显示modalpopup时,modalpopup的父级是iframe主体和主页父级主体。因此,覆盖层仅覆盖ifra
我是一名优秀的程序员,十分优秀!