問題タブ [offline-caching]

HTML 5 の「オフライン Web アプリケーション」機能の新機能は何ですか?まだすべてのブラウザーで利用できませんでした。

オフライン キャッシングはブラウザの仕事ですが、どうしてそれが HTML の仕事になったのでしょうか?

Web キャッシュは、HTML ページや画像などの Web ドキュメントを一時的に保存 (キャッシュ) するメカニズムであり、帯域幅の使用、サーバーの負荷、および知覚される遅延を軽減します。Web キャッシュには、そこを通過するドキュメントのコピーが保存されます。特定の条件が満たされた場合、後続の要求はキャッシュから満たされる場合があります。

Web キャッシュに関するウィキペディアの記事に書かれているとおりです。

そして、これは W3C Web サイトのオフライン Web キャッシュについて書かれています。

たとえば、ユーザーが ISP のカバレッジ エリア外に移動しているなどの理由でネットワーク接続が利用できない場合でも、ユーザーが Web アプリケーションやドキュメントと対話し続けることができるようにするために、作成者は、Web に必要なファイルをリストしたマニフェストを提供できます。アプリケーションがオフラインで動作し、ユーザーのブラウザがオフラインで使用するためにファイルのコピーを保持する原因となります。

HTML 5 のキャッシングの改善と違いは何ですか?

Internet Explorer 5 のオフライン モードに似ていますか? また、ブラウザに設定された容量の制限を超えてデータをキャッシュできますか?

HTML 5 のオフライン キャッシュとブラウザ キャッシュの違いを理解できるように、例を挙げてください。

定数URLと内部ステートマシンを持つWebアプリケーションがあります。状態は投稿を介して変更されます。私はそれが悪いデザインであることを知っています、そして私は残りのアプローチを使うべきです。しかし、これを考えると、私は次の問題を抱えています。

HTML5オフラインキャッシュ（HTMLタグのマニフェスト属性）を使用しています。最初のページでは、予想どおりに解析およびキャッシュされます（ログインページ）。ただし、2番目のページ（メインメニュー）の場合、そこに含まれるマニフェストは解析されません。Chromeブラウザ内にイベントは表示されません。パラメータを含めてURLを少し変更すると、マニフェストは解析されますが、以前は解析されません。

ログインページマニフェストにすべてを含めると、2番目のページで同じファイルが再度ダウンロードされます。最初のページのマニフェストで指定されている場合のイベント。

なぜこの振る舞い？

マニフェスト ファイルを書き込もうとしていますが、FF5 で奇妙な問題が発生しています。私のマニフェスト ファイルは次のようになります。

何か案は？

こんにちは私は会社でオフラインで使用するWebアプリを設計しました。人々はiPadをオフラインにして倉庫を歩き回り、非常に単純なフォームデータ（通常は15〜20文字のIDコードとそれに関連付けられた数量）を入力します。オフライン中にこの情報を保存し、接続時にdbにアップロードするための良い方法は何ですか？

JavaScriptを使って接続をチェックすることを考えていました。ない場合は、データを配列に追加します。接続がある場合は、アレイ全体を追加してアップロードし、クリアします。

データを失わないようにする方法、Webアプリが誤って閉じられた場合にデータが失われないようにする方法など、ベストプラクティスのアイデアを教えてください。ありがとう

$ .getJSONが停止した理由について質問を投稿しましたが、質問はもう少し広くなっていると思います。

（同じドメイン上の）phpWebアプリへのAjaxリクエストを実行するモバイルHTML5アプリがあります。インターネット接続がある場合、すなわち。navigator.onLine ==trueウェブアプリに対して$.getJSON呼び出しを行い、デバイスのブラウザーのwebsqlデータベースにローカルで応答を保存します。

navigator.onLine == falseの場合、jsonリクエストをスキップして、代わりにローカルでデータをプルします。JSONは機能し、オフラインのwebsqlストレージに正常に保存していますが、キャッシュマニフェストファイルを追加するときに問題が発生します。

必要なものをキャッシュする方法がわかりません。これが私のキャッシュマニフェストです：

code.jquery.com/..から外部ファイルをキャッシュできると仮定するのは正しいと思いますか？オンラインとオフラインで必要になるからです。

エリックは私の前の質問に、ネットワークの下にJSファイルを追加する必要があるという回答を投稿しました。最後に*を付けます。これを行うと、JSON呼び出しが希望どおりにトリガーされます。ただし、ファイルはオフラインで使用できなくなりました。

これも機能しているようですが、オフラインにするとCSSも読み込まれません。

オフラインで使用するためにjavascript/cssファイルをキャッシュするためのベストプラクティスを誰かが提案できますか？

どうもありがとう、

ビリー

HTML5オフラインキャッシュがどのように機能するかを把握しようとしています。私はさまざまなチュートリアルを読みましたが、それらはすべて、マニフェストファイルがどのように見えるかについて小さなバリエーションがあります。次のようなキャッシュマニフェストを使用してページを設定します。

これを含む.htaccessファイル

そしてこのようなindex.htmlページ：

FireFoxでは、チェック、ダウンロード、進行状況、キャッシュの順に表示されますが、firebugアドオンを使用すると、「アプリケーションキャッシュに0個のアイテム」と表示されます。また、ステータスは2（UNCACHED）と表示されます。再度アクセスすると、チェック状態のままになり、ステータスがアイドルとして表示されます。

Safari for iOSでは、[ダウンロードの確認]、[進行状況]、[エラーが発生しました]の順に実行されます。再度アクセスした場合も同様です。

どちらの場合も、オフラインでURLに戻ると、「接続が見つかりません」というエラーメッセージが表示されます。どちらのブラウザも最新バージョンです。

マニフェストキャッシュを変更して、CACHE：、NETWORK：、およびFALLBACK：セクションを含めることも効果がありませんでした。絶対URLを使用しても何も変わりませんでした。

Packetyzerと呼ばれるパケットスニファプログラムで監視すると、マニフェストファイルが正しいMIMEタイプでブラウザ（この場合はFirefox）に配信されていることがわかります。誰かが私が間違っているかもしれないことについての考えを持っていますか？

ファイルは現在http://www.factordice.com/html5でホストされています

HTML5で雑誌リーダーを作成したい。追加したい機能の1つは、オフラインで記事を読む機能です。

以前にアクセスした記事のリストを表示したいのですが、まだオフラインで利用できます。問題は、特定のURLがユーザーのオフラインキャッシュで利用可能かどうかを確認できるかどうかわからないことです。以前にアクセスしたURLをローカルストレージに保存することはできましたが、これらのURLがまだキャッシュで使用可能かどうかはわかりません。特定のURLがキャッシュから削除されたときに通知を受け取ったり、そのURLがオフラインで利用できるかどうかを確認したりすることはできますか？

ありがとう、ミハル

HTML5 ローカル ストレージを使用して GWT オフライン アプリケーションを開発しています。com.google.gwt.storage.client.Storage (バージョン 2.3 で導入) を使用して転送オブジェクトをキャッシュ/保存したいと考えています。しかし問題は、現在 (バージョン 2.3) の場合、ストレージは文字列値しか保存できないことです。

クライアント側のコードから GWT のビルトイン rpc シリアル化/非シリアル化メカニズムを使用する可能性はありますか? 転送オブジェクトをシリアル化してローカル ストレージに保存し、必要に応じて取得してコンテンツを逆シリアル化できるようにします。

フルスクリーンモードで動作することを目的としたiPad用の小さなHTML5 Webアプリケーションを開発しています(つまり、独自のAppleメタタグがあり、ホーム画面に追加されます):

アプリケーションは基本的に AJAX 経由でデータを取得し、ユーザーに表示します。AJAX データは外部 (別のドメイン、別のサーバーから) です。クロスオリジン リクエスト用のシステム セットアップがあり、オンライン モードで動作します。つまり、静的データはサーバーAにあり、動的データはサーバーBにあります。

適切なキャッシュ マニフェスト ファイルを作成し、サイトのすべての静的コンテンツ (HTML、CSS、画像、JS) をリストNETWORK: *し、最後にセクションを配置しました。これにより、すべての動的コンテンツ (AJAX) が常にネットワークから取得されます。リクエストが失敗した場合、偽のコンテンツを表示することにより、アプリケーションは「正常に」失敗します。

上記の設定では、次のことが起こります。

1. オンライン中にアプリケーションを実行すると、すべてが機能します;)
2. iPad で WiFi を無効にすると (純粋なオフライン モード)、すべてが期待どおりに機能します - アプリケーションはオフライン コンテンツにフォールバックします
3. ネットワークに再度接続しても、静的コンテンツ サーバー (すべてがキャッシュされているサーバー) をオフラインにすると、アプリケーションは起動しません。スプラッシュスクリーンでしばらく過ごした後、ポップアップが表示され<app> could not be opened because it could not connect to the server.ます; [閉じる] または [再試行] を選択できます。

上記のポイント 3 は、私がアプリケーション キャッシュをいじり始めた唯一の理由だったので、私を夢中にさせるものです。マニフェスト ファイルにアクセスできない場合、iPad Web アプリがキャッシュされたコンテンツにフォールバックしないのはなぜですか? (404 ではなく、サーバーがオフラインです)

HTML5 iphone offline webappへの回答は完全に間違っていますか? そうでない場合、iPadでこの動作を実現するにはどうすればよいですか?

HTML5 の appcache マニフェストを使用して、オフライン ビュー用にサイトをキャッシュしようとしています。このサイトは、それぞれ 1 つの画像を含む複数の Web ページで構成されています。

私が抱えている問題は、これらの画像をさまざまなページにまとめてキャッシュしようとしていて、キャッシュに使用できるクォータを超えていることです。

各ページに独自のキャッシュを作成させる方法はありますか (サイト全体にしないでください)。続行するための最良の方法はどれですか？