如何检测浏览器是否支持 Service Worker？

推荐答案

if ('serviceWorker' in navigator) {
    console.log('Service Worker is supported');
} else {
    console.log('Service Worker is not supported');
}

本题详细解读

什么是 Service Worker？

Service Worker 是一种运行在浏览器后台的脚本，独立于网页，主要用于拦截网络请求、缓存资源、推送通知等。它可以让网页在没有网络连接的情况下也能正常工作，是实现 PWA（Progressive Web App）的核心技术之一。

如何检测浏览器是否支持 Service Worker？

要检测浏览器是否支持 Service Worker，可以通过检查 navigator 对象中是否存在 serviceWorker 属性。如果存在，则说明浏览器支持 Service Worker；否则，不支持。

代码解析

• 'serviceWorker' in navigator：这是一个简单的属性检查，用于判断 navigator 对象中是否存在 serviceWorker 属性。
• console.log('Service Worker is supported')：如果支持 Service Worker，则输出支持信息。
• console.log('Service Worker is not supported')：如果不支持 Service Worker，则输出不支持信息。

注意事项

• Service Worker 只能在 HTTPS 环境下运行（localhost 除外），因此在测试时请确保你的环境符合要求。
• 不同浏览器对 Service Worker 的支持程度可能有所不同，建议在实际开发中进行兼容性测试。