Firefox 3のオンライン／オフライン状態を把握する

最新特集【一覧】

EPUB生成ツール「ReVIEW」について達人出版会の高橋氏に聞いてみた

1つのソースでEPUBとPDFを生成できる「ReVIEW」を試す

Snow Leopard探索記 最終回：線路は続くよどこまでも

オンライン状態を知るためのプロパティとイベント

　HTML 5ではウェブブラウザのオンライン／オフラインの状態をnavigatoe.onLineプロパティの値で保持する。オンラインならば"true"、オフラインならば"false"となる。ユーザエージェントがページを要求した際にネットワークに接続できなかった場合、この値はfalseに設定される。

　この値を手動で変更することもできる。図1のようにメニューから[ファイル]→[オフライン作業]と選択すればよい。現在がオンライン状態の場合は"false"に切り替わってオフライン状態になり、オフライン状態の場合は"true"に切り替わってオンライン状態になる。

図1 メニューからFirefoxのオンライン／オフライを切換え

　ブラウザの状態がオンラインに変更されたとき、document.bodyで"online"イベントが発生する。逆にオフラインに変更されたときは"offline"イベントが発生する。したがって、document.body、document、windowのいずれかに、addEventListenerを使ってでこれらのイベントを受け取るリスナを設定しておけば、ブラウザのオンライン状態の変化を検知することが可能となる。例えば、リスト1のようにする。

リスト1 ウェブブラウザのオンライン状態変更時の処理を定義

// オンラインに変わったとき
document.body.addEventListener("online", function () {
        リスナの処理
    }, false);

// オフラインに変わったとき
document.body.addEventListener("offline", function () {
        リスナの処理
    }, false);

　または、リスト2のようにbodyタグにononline/onoffline属性を指定することでもこのイベントを処理することが可能だ。

リスト2 bodyタグの属性でオンライン状態変更時の処理を設定

　次回は、実際にオンライン状態の変化を検知する簡単な例を紹介する。