网站通过浏览器普通模式不可以访问，无痕模式可以访问

service worker有很多优点，但是如果网站service worker 有bug导致请求有异常，会导致返回的结果不一样，需要研发同事自行排查service worker 代码。
可以在console里执行以下代码临时解决：

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.getRegistrations().then((registrations) => {
    registrations.forEach(sw => sw.unregister())
  })
}

这里可以看到猫腻：

Service Worker 是一种运行在浏览器背后的 JavaScript 程序，它为前端开发提供了多种功能，使得网站能够实现离线体验、推送通知、后台数据同步等高级功能。以下是 Service Worker 的一些主要作用：

离线功能和缓存管理：
Service Worker 可以拦截网络请求并返回缓存的资源，使得网站在没有网络连接的情况下仍然可以访问。开发者可以编写自定义的缓存策略，决定哪些资源应该被缓存以及如何管理这些缓存，从而提供更加流畅和响应快速的用户体验。

推送通知：
利用 Service Worker，网站可以发送推送通知给用户，即使用户没有打开网页。这使得网站能够及时地向用户传达重要信息或更新，增加了用户的参与度和回访率。

后台数据同步：
Service Worker 可以在后台运行，即使用户没有与网页交互。这使得 Service Worker 能够在后台同步数据，例如提交表单、上传文件等，而不需要用户的直接操作。

性能优化：
Service Worker 可以预缓存资源，减少网络请求，加快页面加载速度。此外，它还可以实现请求的优化，如通过返回缓存的资源而不是每次都从服务器获取，从而减少延迟和数据使用。

离线安装和更新：
Service Worker 可以在用户安装网站应用时缓存必要的资源，并在资源有更新时自动下载并应用这些更新。这使得应用能够保持最新状态，同时提供无缝的更新体验。

自定义的网络请求处理：
Service Worker 允许开发者拦截和自定义页面发出的网络请求。这意味着开发者可以根据需要重定向请求、修改请求和响应头信息，甚至阻止某些请求。

跨页面共享状态：
Service Worker 可以在多个标签页或窗口之间共享状态和数据。这使得不同页面之间的通信和数据同步成为可能，为构建复杂的单页应用（SPA）提供了支持。

安全性增强：
Service Worker 运行在一个安全的环境中，它遵循同源策略，并且与 HTTPS 紧密集成。这为网站提供了额外的安全层，防止中间人攻击和其他网络威胁。

Service Worker 作为一种强大的浏览器功能，为前端开发带来了许多创新的可能性。开发者可以利用 Service Worker 来提升网站的功能性、性能和用户体验，构建更加强大和可靠的网络应用。

网站通过浏览器普通模式不可以访问，无痕模式可以访问

微信号：腾讯云折扣返现

技术讨论QQ群： 863102326

作者: catherine

搜索

标签