workbox:动态设置调试模式

Question

受影响的库:workbox.setConfig

浏览器和平台:"所有浏览器".*

问题或功能请求描述:我打算设置调试模式:这里是我正在遵循的流程:

1. 使用PWA在缓存中存储模式值:true/false
2. 打开缓存并使用存储的变量设置调试值.
3. 问题是在workbox.setconfig之前调用异步和安装事件

有谁知道任何解决方法

Answer 1

workbox.*需要在服务工作者启动时同步执行各种方法,以便在事件开始触发之前加载所需的运行时包并建立正确的事件侦听器.在初始化Workbox之前,您无法执行任何异步操作,例如从Cache Storage API或IndexedDB读取.

我不知道在切换Workbox是否处于调试模式时需要多大的灵活性,但可能以下内容会有所帮助.它允许您使用URL查询参数来确定给定的服务工作者注册是否将触发Workbox的调试模式.

// Inside your service worker,
// before you make any other calls to workbox.* methods.

const url = new URL(location.href);
const debug = url.searchParams.has('debug');
workbox.setConfig({debug});

然后当你注册时:

// To enable debugging:
navigator.serviceWorker.register('/service-worker.js?debug');
// To run without debugging:
// navigator.serviceWorker.register('/service-worker.js');

您可能已经知道这一点,但Workbox会debug: true在检测到它正在运行时自动切换到模式localhost,否则默认运行在生产模式下.