代码之家 › 专栏 › 技术社区 › Matt

更新单页webapps上的服务工作程序

service-worker-events progressive-web-apps service-worker single-page-application

Matt · 技术社区 · 6 年前

我在一个单页的webapp上工作,并且正在实现服务工作者。我知道我需要手动更新服务人员,因为单页应用程序没有传统的导航事件,但是,我不清楚 clients.claim() 和 self.skipWaiting() .

skipWaiting() 打电话来 install 事件,以及 claim() 打电话来 activate 事件处理程序。如果我需要他们中的一个或两个,这些地方是打这些电话的正确地点吗?

1 回复 | 直到 6 年前

Jessica Rodriguez 6 年前

clients.claim() 通常在安装事件中调用,以便在激活服务工作程序后控制不受控制的客户端。

它只在第一次加载时才真正重要,而且由于增强页面通常在没有服务人员的情况下运行良好无论如何。

为了 skipWaiting() ,这将导致您的服务工作者在当前活动的工作者进入等待阶段(或如果它已经处于等待阶段,则立即)时将其踢出并激活自身。这不会导致你的工作人员跳过安装,只是等待。在 install 事件。

有关详细信息,您可以查看 service worker lifecycle

推荐文章

Ykon O'Clast · 为什么JavaScript获取响应的主体被认为已经使用了?

2 年前

jrob · 首页加载没有最新数据(Nuxt 2 SSR+PWA)

2 年前

Boopathi kumar · React JS路由不工作

7 年前

Solar · 如何使用Workbox PWA。php文件

7 年前

Mathias26 · Javascript服务工作者通知超时

7 年前

Dockson · iOS Safari 11.3上navigator中没有服务人员

7 年前

pate · 预缓存根url(“/”)的正确方法

7 年前

Niklas · 使用Service Worker缓存/优化字体

7 年前

Kaarug · 使用服务工作者缓存文件时显示进度

7 年前

Juan Fuentes · Rails对服务工作者的未知调用。js公司

7 年前