javascript - 当“没有可用的互联网”时，如何显示自定义页面加载错误？

Question

我想在https://m.apkpure.com这样的网站中没有互联网可用时生成自定义错误页面，并且当互联网可用时页面会在刷新时再次加载。我知道我们可以使用以下代码来检查“在线”或“离线”

window.addEventListener("online", function() {
 alert("You're ONLINE!");
     });
window.addEventListener("offline", function() {
 alert("You're OFFLINE!");
     });

// OR

if (navigator.onLine) {
  console.log("You are online");
} else {
  console.log("You are offline");
}

但是我不认为 https://m.apkpure.com使用上述类型的代码来检测ONLINE或OFFLINE。如果还有其他方法，请告诉我。

Answer 1

在仔细研究了源代码之后...

在您正在谈论的网站sw.js中（https://m.apkpure.com）：

self.addEventListener('fetch', (event) => {
    if (!self.navigator.onLine) {
        event.respondWith(
            caches.match(event.request).then((response) => {
                return caches.match('/offline.html')
            })
        )
    }
})

是的，他们确实使用navigator.onLine。