Workbox，ServiceWorkers DOM为什么在生命周期状态更改时进行自我清理

问题描述

我正在实现WorkBox生命周期显示器。 DOM在每个生命周期事件中都会更改。 但是DOM会以某种方式清除自身，甚至在清除版本名称后也会留下占位符值-。

这是它的实现方式：

[
  'installed','waiting','controlling','activated','externalinstalled','externalwaiting','externalactivated',].forEach(
  e => wb.addEventListener(e,event => {
    const currentVersionStatus = document.querySelector('.sw-current .version-status');
    const newVersionStatus = document.querySelector('.sw-new .version-status');

    if (e === 'waiting') {
      newVersionStatus.innerText = ` ${e}`;

      if (event.isUpdate) {
        newVersionStatus.innerText += ' installed';
      }
    } else {
      currentVersionStatus.innerText += ` ${e}`;
    }
  }),);

这是它的工作方式：

能否请您解释为什么以及如何清除DOM？

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）