問題タブ [cache-manifest]

こんにちは、iPad2 で最新バージョンの iOS (5.0.1) を実行していますが、.mp4 ビデオのキャッシュが正しく機能しません。

applicationCache イベントをリッスンし、それらのイベントが発生したときにコンソールに書き込むために必要なリスナーを追加しました 。 /iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html

ipad のモバイル サファリでデバッグ コンソールを使用すると、アプリケーションが正常に "キャッシュ" されたことを示すメッセージが表示されます (万歳!)。 ページをリロードすると、ビデオを除いてすべてが機能します（存在しないビデオソースをポイントしたときのようなアイコンがあります。スラッシュ付きの再生ボタンがあります）。

iPad で Safari の「Web サイト データ」を確認すると、フル サイズのビデオ (およびその他のファイル) が表示されます (~28 MB)。 これは、デスクトップの Safari (オフライン中)、Chrome などで正常にキャッシュされます。 アプリをキャッシュすると、「www.site.com が 25 MB を超えるキャッシュを増やすことを許可しますか?」というメッセージが表示され、ダウンロード/キャッシュが承認されます。完了します。

さらにおかしなことに、私がまだオンラインであっても、私の iPad はローカル ファイルを指しており、私の iPad がローカル ビデオを取得しようとしているように見え、同じエラーが続く。

私もしました：

• より単純なバージョン (1 つの html ファイルと 1 つのビデオ) がキャッシュされ、同じ問題が発生しました。

• 1 MB のビデオ、同じ問題なので、サイズの問題ではありません

iPad でキャッシュされたビデオを再生することは単に不可能ですか? mb を見ることができるので、キャッシュされていることがわかりますが、再生されません。

HTML5 マニフェストを使用して、アプリケーションがオフラインで動作できるようにしています。/background.pngなどのリソースは時々更新される可能性がありますが、アプリケーションがオフラインの場合は、最後に取得したバージョンが使用に適しています。私が望む動作は、ブラウザーがオンラインの場合は通常/background.pngを要求することですが、オフラインである、サーバーがダウンしているなどの理由で要求が失敗した場合は、キャッシュされたバージョンにフォールバックします。

私のテストでは、次のようなマニフェストエントリがあります

ブラウザが常にリソースをリクエストしようとするようにしました。オフラインの場合、appcache からコピーを返すのではなく、エラーを返します。それは私が望んでいることではありませんが、私が理解しているように NETWORK がどのように振る舞うべきかということです。

私も試しました

「新しいものを取得できない場合はキャッシュコピーにフォールバックする」ことを意味するかもしれませんが、その構成では、ブラウザーはオンラインの場合、リソースを要求しようとしません。

私が考えたもう一つの可能​​性は

しかし、同じリソースに 2 つの異なる名前を付け、同じリソースを 2 回 ( img src="background.png"に対して 1 回、キャッシュされたオフライン コピーに対して 1 回) 要求することは、見栄えの悪いハックのように思えました。

また、 background.pngが変更されたときにマニフェストに任意の変更を加えることもできますが、それによってブラウザがマニフェスト内のすべてをチェックすることになります。

HTML5マニフェストからこの「新しいものを入手できない限り、私が持っているものを使用する」パターンを取得することは可能ですか? これは合理的なパターンのように思えるので、きれいな方法があると思います。そうでない場合、誰かが別のアプローチを提案できますか? 前もって感謝します！

編集: 元の質問は「news.json」を参照しており、リソースが JavaScript によって取得されていたことを暗示していますが、「background.png」に変更して、任意のリソースでこれを実行したいことを明確にしました。ページによって使用されます。

こんにちは、私のマニフェストは次のとおりです。

それ以来、Safari が NETWORK * なしでは Google マップを読み込めないというランダムでランダムな問題を修正しました。私が今やりたいことは、誰かがオフラインの場合、offline.html ページのみにヒットするようにすることです。通常のページにヒットする可能性があることに気付きました。別のページをリクエストした後。ここに追加する必要があるものはありますか?

DEV コンテキストでは localhost:8080/MySite という URL を持つ Web サイトがあり、テスト/ライブでは www.test.mysite.com と www.mysite.com になります。

私のマニフェストには

問題は、ユーザーがヒットしlocalhost:8080/MySite(最後にスラッシュがない)、フォールバックが開始された場合に、localhost:8080MySiteどのバグにリダイレクトされるかということです...

誰もこの問題について知っていますか、私は試し/ /offline.htmlましたが、マニフェストにバグがありました

node.jsにマニフェストキャッシュを追加する方法についての私の初期の質問に関連して、私の質問は、node.jsによって生成されたHTMLをキャッシュする方法に関連しています。php（index.php）のような物理ファイルがなかったため、このような種類のファイルをキャッシュすることはできません。

「存在しない」ページをキャッシュするにはどうすればよいですか？キャッシュに追加するだけ：

この問題を解決する方法について何か考えはありますか？

ありがとう！

解決：

ルーターを追加して、正しいmimeタイプのcache.manifestファイルを返します。

stackoverflowで見つかりました

クロムでうまくキャッシュされ、オフラインでビデオを表示する例があります。

Android 3.2 および 4.x タブレットでこの例を試すと、ビデオはオンラインでのみ再生されますが、オフラインでは再生されません。ただし、HTML ファイルや背景などの他の要素はオフラインで存在します。

キャッシュ マニフェストexample.appcacheは次のようになります。

キャッシュマニフェストを介してAndroidブラウザでオフラインビデオキャッシングを機能させることができた人はいますか?

私のHTML5アプリケーションには、本を表すいくつかのHTMLファイルがあります。各「本」には、その本に固有の画像が含まれています。各ブックファイルには、すべてのブックで共有されるCSSファイルとJavaScriptファイルへの参照もあります。

インターネットに接続せずに表示できるように、書籍をHTML5アプリケーションキャッシュにキャッシュしたいと思います。HTMLブックファイルごとに、共有リソースとブック内の画像への参照を含むマニフェストファイルを作成する必要があると思います。HTMLファイルのタグは次のようになります。

また：

およびBook1.appcacheのように：

およびBook2.appcacheのように：

このデザインについてはよくわかりません。このように、各本は独自の「アプリケーション」であるように見えますが、そうではありません。また、共有CSSファイルとJSファイルは、本ごとに1回ずつ、複数回キャッシュされませんか？誰かが良い解決策をお勧めできますか？

デバイスごとにキャッシュ内の特定のリソースをターゲットにする方法はありますか?

オフラインのhtml5オーディオプレーヤーで作業しています。明らかに、HTML5 仕様に従って、webkit で使用する Mp3 や firefox で使用する Vorbis などのファイルタイプを指定する必要があります。ただし、たとえば iPhone などのモバイル デバイスで使用する場合、この場合は mp3 で再生するために必要なファイルのみを取得したいと考えています。ブラウザに特定のファイルをキャッシュするように指示する方法はありますか、それともすべてのリソースを追加する必要がありますか? したがって、ユーザーが必要なファイルをさらにキャッシュする必要があり、制限を超えなければならないという負担がなくなります (モバイル サファリでは 10MB しかキャッシュできないことを認識しています)。

これが私のマニフェストです。

したがって、明らかにFirefoxでは、ogaをキャッシュし、mp3をWebkitするだけで済みます。どんな洞察も素晴らしいでしょう！

オフラインのhtml5オーディオプレーヤーで作業しています。明らかに、HTML5 仕様に従って、webkit で使用する Mp3 や firefox で使用する Vorbis などのファイルタイプを指定する必要があります。ただし、たとえば iPhone などのモバイル デバイスで使用する場合、この場合は mp3 で再生するために必要なファイルのみを取得したいと考えています。ブラウザに特定のファイルをキャッシュするように指示する方法はありますか、それともすべてのリソースを追加する必要がありますか? したがって、ユーザーが必要なファイルをさらにキャッシュしなければならず、制限を超えなければならないという負担がなくなります (モバイル サファリでは 10MB しかキャッシュできないことを認識しています)。

デバイスごとにキャッシュ内の特定のリソースをターゲットにする方法はありますか?

これが私のマニフェストです。

したがって、明らかにFirefoxでは、ogaをキャッシュし、mp3をWebkitするだけで済みます。どんな洞察も素晴らしいでしょう！