【JavaScript】ブラウザのオンライン・オフラインを判定しよう。サンプルあり

こんにちは。今ID等を色々調整してたりと忙しいので粗々なネタを…

今回はブラウザのオンライン判定を行う方法を解説します。

解説&実装

簡単に言えばwindow.navigator.onLineプロパティを使うだけです。

プロパティの詳しい情報はMDNもしくはHTML Living Standardのページをご確認を。

window.navigator.onLine - Web API | MDN

ブラウザの接続状態を返します。このプロパティは真偽値を返して true はオンラ...続きを読む

HTML Standard

基本的に全部のブラウザに対応しています。CanIUseで見られます。

実際のコードはこちらになります。

<button id='check'>判定！</button>
<script>
document.getElementById('check').addEventListener('click', function() {
if(navigator.onLine){
      document.write('オンラインです。');
   }else{
      document.write('オフラインです。');
   }
}, false);
</script>

ボタンを押したらオンラインかオフラインかを判定するイベントが発火する仕組みです。