首頁 > web前端 > js教程 > JavaScript 如何偵測和監控網路連線狀態?

JavaScript 如何偵測和監控網路連線狀態?

Patricia Arquette
發布: 2024-12-14 18:51:12
原創
823 人瀏覽過

How Can JavaScript Detect and Monitor Internet Connectivity Status?

在 JavaScript 中監控 Internet 連線狀態

偵測離線 Internet 連線對於需要一致網路存取的 Web 應用程式至關重要。在 JavaScript 中,window.navigator.onLine 屬性及其關聯的 onlineoffline 事件提供了一種監視連接狀態的便捷方法。

偵測離線狀態:

要偵測離線狀態,您可以存取window.navigator.onLine 屬性,該屬性傳回一個布林值,指示使用者是否連接至網際網路。

window.addEventListener:

你也可以使用window.addEventListener來監聽線上線活動。當連線從線上變為離線時,會觸發 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 如何偵測和監控網路連線狀態?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板