JavaScript 如何偵測和處理網路斷開？

如何在 JavaScript 中偵測網路中斷

了解使用者的線上狀態對於提供可靠且反應迅速的使用者體驗至關重要。 JavaScript 提供了多種方法來偵測何時遺失網路連線。

最廣泛支持的方法是使用 window.navigator.onLine 屬性。此屬性傳回布林值，指示目前的線上狀態。當連線建立時，傳回true;

要監聽線上狀態的變化，可以監聽 window 物件觸發的 online 和 offline 事件。這些事件提供了一個回調函數，分別在連接恢復或遺失時執行。

範例程式碼：

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));

一旦偵測到網路連線離線時，您可以採取適當的措施來處理這種情況，例如顯示錯誤訊息或提供替代內容。透過利用這些 JavaScript 技術，您可以有效地監控和回應使用者網路連線的變化。

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