Javascriptでネットワークのオンライン/オフラインを取得する

こんにちわ。ヤスです。ご無沙汰の記事です。

Webアプリケーションを構築するときに必須と言っても過言ではないJS。

とある案件で、ネットワークの状態を検知して、UI操作を行いたい！と思い、調べると、、、ありました！

navigator.onLine;

https://developer.mozilla.org/en-US/docs/Online_and_offline_events

これだけでクライアントのネットワーク状態が取得できちゃいます。

window.addEventListener("online", function(){
    console.log("onlineだよ");
}, false);

window.addEventListener("offline", function() {
    console.log("offlineだよ");
}, false);

こんな風に書くとネットワーク状態の変化を検知してくれます。

すばらしい。