如何检测互联网连接是否脱机或未使用 JavaScript？

在某些情况下，需要在执行所需任务之前确定浏览器是在线还是离线。许多开发人员使用 AJAX 通过向服务器发送请求来确定浏览器的连接状态（在线或离线）。但是，这不是确定浏览器状态的好方法，因为它需要带宽并且还会影响可用性。

然而 JavaScript 的浏览器对象模型 (BOM) 提供了一种直接的方法来检测浏览器的连接状态，即浏览器是在线还是离线。

要执行此检查，针对所有可能的浏览器，我们将使用以下属性：

navigator.onLine

句法：

function isOnline() { 
    return ( navigator.onLine) 
}

示例：此示例显示一个按钮，如果单击它，它将显示连接状态。

  

  
    Click the button to check 
      if the browser is online.
  
    
      Click Me
  
  
    
  
    
        function isOnline() {
  
            if (navigator.onLine) {
                document.getElementById(
                  "demo").innerHTML = "Online";
            } else {
                document.getElementById(
                  "demo").innerHTML = "Offline";
            }
        }
    
  

  

注意：支持该属性的浏览器最低版本：

• 谷歌浏览器：14.0
• Internet Explorer：是
• 火狐：3.5
• Safari：5.0.4
• 歌剧：是

输出：