小ネタです。
スマホを使いながら電車などで移動していると通信がプツプツ切れます。家でPCを使う場合と違って通信状況が安定しません。そんな時に活躍するのがブラウザがオンラインかどうかがわかる navigator.onLine です。
このプロパティを参照するだけでブラウザがネットワークに接続しているかチェックすることができるというわけです。
if( navigator.onLine ){
console.log('オンライン')
}
else {
console.log('オフライン')
}
WebStorageなどと組み合わせ、オフラインであればローカルにデータを一時的に保存し、オンラインになったら同期をするといった処理が実現できます。
