JavaScriptでブラウザのインターネット接続を判定する方法 | DevelopersIOReactで構築しているWEBサイトにおいて、事前にインターネットの接続状態を判別させるケースがあり、JavaScriptでどのような実現方法があるのか調べました。先に結論を言いますと、Fetch APIやXHRを使用して公開ファイルへのアクセスを検証する方法が確実です。 NavigatorOnLine window.navigator.onLineはブラウザのネットワーク接続状態を真偽値で返します。 if (window.navigator.onLine) { console.log("online"); } else { console.log("offline"); } このAPIはブラウザによって挙動に違いがあります。また、次の説明文からインターネットの接続状態を判別するのには適さない事が分かりました。 Chrome および Safari は、ブラウザがローカルエリアネットワーク
