Javascript
Javascriptでネットワークのオンライン/オフラインを取得する
![](https://b3s.be-s.co.jp/wp-content/uploads/2020/11/28aaa1eb90a00fb49df5b326b10a5b61-96x96-1.png)
ヤス
更新日: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); |
こんな風に書くとネットワーク状態の変化を検知してくれます。
すばらしい。