当用户第一次打开网页时，如何让serviceWorker控制页面？

Question

我们团队使用serviceWorker作为后端和前端之间的代理层。serviceWorker可以帮助我们获取请求，我们可以检测禁用的CDN域名并响应正确的资源。我发现一个问题，当浏览器上没有安装serviceWorker，用户首先在浏览器上打开我们的网页时，serviceWorker会在网页渲染后安装并激活，导致页面是这样的：

first in webpage

CDN域已禁用，因此不会显示图片。serviceWorker是在网页渲染后安装的，所以无法在页面渲染开始时获取请求。重新加载网页，我们可以找到serviceWorker works。

after reload

我想问一下，是否有一些方法可以让serviceWorker在网页渲染之前开始工作？

Answer 1

如果你还没有读过this，你应该读一读。话虽如此--我能想到几个不同的选择：

1. 显示加载动画或指示图像最终将加载的内容。然后，一旦服务工作者激活，并且您已经控制了客户端，就加载映像。
2. ，如果可能-将您的逻辑移动到cloudflare worker中。听起来对你来说，this是一个很好的例子。