如何在 JavaScript 中偵測網路連線？

在JavaScript 中偵測網路連線

開發Web 應用程式的一個重要方面是確定使用者是否可以存取互聯網，如這會顯著影響應用程式的功能。在 JavaScript 中，有多種方法可以確定網路連線的可用性。

最廣泛支援的方法是使用 window.navigator.onLine 屬性。此屬性傳回布林值，如果使用者在線，則傳回 true；如果使用者離線，則傳回 false。此外，當連線狀態發生變化時，會觸發線上和離線視窗事件，從而提供更具反應性的方法。

要示範window.navigator.onLine 的用法，請考慮以下程式碼片段：

console.log('Initially ' + (window.navigator.onLine ? 'on' : 'off') + 'line');

window.addEventListener('online', () => console.log('Became online'));
window.addEventListener('offline', () => console.log('Became offline'));

document.getElementById('statusCheck').addEventListener('click', () => console.log('window.navigator.onLine is ' + window.navigator.onLine));

在此程式碼段中，我們輸出一條指示目前連線狀態的初始訊息，並新增事件偵聽器來處理線上和離線事件，這將在控制台中觸發相應的訊息。此外，還新增了一個按鈕元素，以允許手動檢查 window.navigator.onLine 屬性。

以上是如何在 JavaScript 中偵測網路連線？的詳細內容。更多資訊請關注PHP中文網其他相關文章！