如何利用Worker机制实现前端页面自动检测更新并通知用户刷新？

// 主线程
const worker = new Worker(new URL('./utils/autoUpdate.js', import.meta.url), { type: 'module' });

worker.postMessage({ url: `${window.location.protocol}//${window.location.host}` });

// utils/autoUpdate.js
import { self } from 'worker_threads';

let previousTimeTag = null;
let url = '';
let intervalTimer = null;

async function getTimeTag() {
  const res = await fetch(url, { method: 'HEAD', cache: 'no-cache' });
  return res.headers.get('etag') || res.headers.get('last-modified');
}

async function checkUpdate() {
  const currentTimeTag = await getTimeTag();
  if (currentTimeTag !== previousTimeTag) {
    clearInterval(intervalTimer);
    self.postMessage({ type: 'update' });
  }
}

self.onmessage = async (e) => {
  const { url } = e.data;
  if (url) {
    try {
      this.url = url;
      previousTimeTag = await getTimeTag();
      intervalTimer = setInterval(checkUpdate, 300000); // 5分钟轮询一次
    } catch (error) {
      console.error('Worker error:', error);
    }
  }
};