没有互联网时显示错误页面（html）

Question

我创建了一个网站，想知道在没有互联网连接时如何显示自定义错误页面。例如，

Answer 1

您可以使用offline and online events in Javascript。

这是一个简单的代码段，可以提醒用户注意这些事件，但您可以扩展这个想法以提供更好的用户界面。

window.addEventListener("online", function() {
  alert("You are online now!");
});

window.addEventListener("offline", function() {
  alert("Oops! You are offline now!");
});

另请注意，您可以使用navigator.onLine

检查网页是否在线

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

注意：您可以通过“网络”标签在Chrome中对其进行测试，其中有一个选项可暂时使标签脱机。