オフラインウェブアプリは、名前の通りオフラインでも動的なサイトをオフラインで表示することができます。はじめにユーザーはこの機能が有効になったサイトにアクセスし、オフラインに必要なデータをダウンロードします。これは HTML/JS、画像はもちろんビデオも可能です。そして、ユーザーがオフラインでこのサイトを訪れた場合、ダウンロードされたデータを使用し、サイトを表示します。もしユーザーがオフライン中にデータに変更をした場合、のちのオンラインになった時にサーバーに送信されます。
1
2
3
4
5
6
7 | // Modernizr によるサポートチェック
if (Modernizr.applicationcache) {
// window.applicationCache is available!
} else {
// no native support for offline :(
// try a fallback or another third-party solution
}
|
1
2
3
4 | // 内部
function supports_offline() {
return !!window.applicationCache;
}
|
