Javascript
Javascriptでネットワークのオンライン/オフラインを取得する
ヤス
更新日:2021/08/12
こんにちわ。ヤスです。ご無沙汰の記事です。
Webアプリケーションを構築するときに必須と言っても過言ではないJS。
とある案件で、ネットワークの状態を検知して、UI操作を行いたい！と思い、調べると、、、ありました！
|
1 |
navigator.onLine; |
https://developer.mozilla.org/en-US/docs/Online_and_offline_events
これだけでクライアントのネットワーク状態が取得できちゃいます。
|
1 2 3 4 5 6 7 |
window.addEventListener("online", function(){ console.log("onlineだよ"); }, false); window.addEventListener("offline", function() { console.log("offlineだよ"); }, false); |
こんな風に書くとネットワーク状態の変化を検知してくれます。
すばらしい。