您可以模拟Ping命令。

使用Ajax请求一个时间戳到你自己的服务器，定义一个计时器使用setTimeout到5秒，如果没有响应它再试一次。

如果4次尝试都没有响应，你可以假设网络坏了。

所以你可以每隔一到三分钟就检查一下。

对我来说，这似乎是一个很好的干净的解决方案。

一个更简单的解决方案:

<script language="javascript" src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>

之后在代码中:

var online;
// check whether this function works (online only)
try {
  var x = google.maps.MapTypeId.TERRAIN;
  online = true;
} catch (e) {
  online = false;
}
console.log(online);

当没有联机时，谷歌脚本将不会被加载，从而导致抛出异常的错误。

您可以模拟Ping命令。

使用Ajax请求一个时间戳到你自己的服务器，定义一个计时器使用setTimeout到5秒，如果没有响应它再试一次。

如果4次尝试都没有响应，你可以假设网络坏了。

所以你可以每隔一到三分钟就检查一下。

对我来说，这似乎是一个很好的干净的解决方案。

我写了一个jQuery插件来做这个。默认情况下，它检查当前URL(因为已经从Web加载了一次)，或者您可以指定一个URL作为参数使用。总是向谷歌请求不是最好的主意，因为它在不同的国家在不同的时间被阻止。另外，你可能会受到当天特定海洋/天气前沿/政治气候的影响。

http://tomriley.net/blog/archives/111

5年后的版本:

今天，如果你不想深入了解本页所描述的不同方法的细节，就可以找到适合你的JS库。

其中一个是https://github.com/hubspot/offline。它检查预定义URI的连通性，默认情况下是您的favicon。当用户的连接重新建立时，它会自动检测，并提供up和down等整洁的事件，您可以将其绑定以更新UI。

你可以尝试发送XHR请求几次，然后如果你得到错误，这意味着有一个问题与互联网连接。