問題タブ [html5-appcache]

アプリケーションをオフライン モードで実行するために、Html5 アプリ キャッシュを操作しようとしました。このために、test.html ファイルと demo.appcache を作成しました。

この HTML ページでは、ローカル ホストからいくつかの画像を使用しています。ローカル ホストが実行されているときは、正常に動作しています。しかし、ローカル ホストを停止しようとすると、アプリのキャッシュから画像が取得されません。出力は単に空のページとして表示されます。

これが私のsampletest.htmlです

デモ.appcache

後退する：

私のコードに何か問題がありますか。CACHEの下で：htmlファイルをロードしました。ただし、ローカル ホストが利用できない場合、アプリ キャッシュから html をロードしません。

何か助けて... よろしく、ロケシュ。

Web アプリのオフライン アクセスを有効にするために、AppCache を使用しています。問題は、開発のために JavaScript を変更するたびに、マニフェストも変更する必要があることです (キャッシュされたフィールドの再ダウンロードをトリガーするため)。FireFoxではAppCacheを無効にできることがわかりました（実際、最初にページにアクセスしたときに、Webサイトにデータをローカルに保存する許可を与えるかどうかを尋ねられます）。これにより、開発がはるかに便利になります.

私の質問は、クロムとサファリに同様のオプションがありますか? chrome://appcache-internals/ を介してクロムで AppCache を表示/編集できることを知っています。私が探しているのは、それを無効にする方法です。

ありがとう

私はモバイル Web アプリ (html5、javascript) を構築しており、オフライン機能に html5 のアプリケーション キャッシュを使用しています。Google マップに問題があります。必要なすべてのファイルをキャッシュし、アプリケーション キャッシュからアプリを実行します。しかし、Google Maps API 3 を使用しようとすると、すべてがうまくいきません (インターネットに接続していることに注意してください。Google マップをオフラインで使用したくありません)。アプリがインターネットから必要なファイルを取得するために、マニフェスト ファイルに何を含めればよいかわかりません。Google Maps API 3 の GET リクエストが失敗しないように、マニフェスト ファイルに何を含める必要がありますか。

回答ありがとうございます。

アルキス

Chrome でオフライン ファイルを動作させるのに苦労しています。オフライン ページの最初の表示は問題なく機能しますが、ブラウザーを更新すると、あまり機能しません。

マニフェスト ファイルは次のとおりです (コンテンツ タイプ「text/cache-manifest」として提供されています)。

オフラインで機能させたいページの HTML は次のとおりです。

オフライン ページが初めて読み込まれると、Chrome 開発者ツール コンソールで、マニフェスト内のファイルがエラーなしで appcache に読み込まれていることがわかります。しかし、ブラウザーを更新しようとすると、コンソールに HTTP GET エラーが表示され、ページに test.css のスタイルが適用されていません。

私は何を間違っていますか？開発者ツールの [Resources] タブを見ると、マニフェスト ファイル、html ファイル、および test.css ファイルが appcache に表示されていることがわかります。更新すると、Fiddler はマニフェスト ファイルが 304 の HTTP コードで返されていることを示しています。

ありがとう、

アンディ

Web アプリケーションのアプリケーション キャッシュを有効にしました。ここで、war を生成するか、アプリケーションをデプロイするたびに、キャッシュ マニフェスト ファイルのバージョンが自動的に更新されるようにする必要があります。これにより、ブラウザは、展開のたびにキャッシュの代わりにサーバーからコンテンツをロードします。

バージョンを自動的に更新する方法があれば教えてください。

こんにちは、Android デバイスで Web アプリケーションをキャッシュしようとしました。私はすべてを試しましたが、何もうまくいきません。キャッシュは Android デバイスでのみ更新され、他のデバイスでは更新されません! 以下に、Web アプリケーションをキャッシュするために設定したすべての設定を示します。

ここでキャッシュを設定します：

誰かが私を助けてくれることを願っています。ありがとう

私は次のものを持っています：

IE 9 では、webappCache.status が何であるかを理解できません。また、IE 9 はアプリケーションキャッシュをサポートしていないことも読みました。これは本当ですか？

HTML5 オフライン ストレージの (さまざまな) 用語に少し混乱しています。

AppCacheはWeb Storageの別名だと思います。キャッシュ マニフェストを介してオフラインで保存するものを指定します。また、LocalStorage (現在のセッションを超えて持続する) とセッション ストレージ (現在のセッションを超えて持続しない) の 2 つのタイプがあります。

上記は私が W3C とウィキペディアから読んだものですが、Head First HTML5 Programming (Freeman & Robinson) は LocalStorage を詳細に説明し、次に Web Storage (Cache Manifest に関する情報) を付録 (「私たちがカバーしていないこと」) に記載しています。 ）。

私はこれを正しく理解していますか？

最近、私は

PhoneGap アプリケーションにアセットを保存する方法。

appcache を使用することは可能ですが、キャッシュされたアイテムの更新されたバージョンを 24 時間ごとにチェックするように設定できますか?

モバイルデバイスで動作するオフラインアプリを作成する例となるデモアプリがあります。マニフェスト ファイルを作成し、正しい MIME タイプで提供していますが、アプリのメイン画像は常にオンラインで取得され、機内モードにすると、キャッシュにあるにもかかわらず画像が読み込まれません。

イメージがオフライン キャッシュにないのはなぜですか?

アップデート

これで有効なアプリ キャッシュ マニフェストが作成されましたが、iPhone では、オンラインであってもランダムにメイン イメージを取得できません。通常は 2 回目または 3 回目の試行で画像を取得する手動更新ボタンがありますが、ホーム画面からアプリを開くと「?」が表示されます。代わりにプレースホルダー。

アップデート

例を大幅に単純化し、多くの提案を組み込みましたが、まだ問題があります。これまでに試した手順は次のとおりです。

1. JavaScript を完全に削除 - ページには静止画像のみが表示されます

2. すべての画像を 25kb 未満のファイルに置き換えました

3. NETWORK: *マニフェストにa を追加しました

4. ヘッダーNETWORK: *の上に移動しました。CACHE:

5. 「manifest.appcache」の名前を「cache.manifest」に変更しようとしました

Firefox では、ディスク キャッシュが空の状態でオフライン モードで動作します (つまり、オフライン キャッシュのみを使用できるようにするためです!) が、IOS では恐ろしい青い疑問符が表示されます (iPhone 4s でテスト済み)。