小编niv*_*ved的帖子

如何检查 Service Worker 是否离线?

我一直在关注本教程https://codelabs.developers.google.com/codelabs/offline/#7

到目前为止,我能够让我的服务工作人员缓存脱机页面并加载它,但我只想在没有互联网访问时显示此offline.html 页面。现在它的工作方式是,每次我刷新页面时,即使可以访问互联网,它也会显示它,除非我选中Bypass for network开发人员工具中 Chrome 的“应用程序”选项卡中的复选框。

self.addEventListener('fetch', function(event) {
    console.log(event.request.url);
    event.respondWith(
        fetch('https://mysite/offline.html')
    );;
});
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome-devtools service-worker progressive-web-apps

3
推荐指数
1
解决办法
7808
查看次数