js 清浏览器缓存

<!-- 示例：在CSS文件链接中添加版本号 -->
<link rel="stylesheet" href="styles.css?v=1.0.1">

// 注册Service Worker
if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/service-worker.js')
    .then(registration => {
      console.log('Service Worker registered with scope:', registration.scope);
    })
    .catch(error => {
      console.error('Service Worker registration failed:', error);
    });
}

// service-worker.js 示例
self.addEventListener('fetch', event => {
  event.respondWith(
    caches.match(event.request)
      .then(response => {
        // 如果缓存中有响应，则返回缓存的响应
        if (response) {
          return response;
        }
        // 否则从网络请求资源
        return fetch(event.request);
      })
  );
});

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0