我想在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。如果还有其他方法,请告诉我。
最佳答案
在仔细研究了源代码之后...
在您正在谈论的网站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。
关于javascript - 当“没有可用的互联网”时,如何显示自定义页面加载错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58904383/