1

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

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

アップデート

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

アップデート

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

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

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

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

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

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

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

4

2 に答える 2

2

ファイルが見つからないため、キャッシュ ファイルが無効のようです。パスを相対的にしてみてくださいPuzzle/page.png。

バリデーターを実行すると、以下のエラーが発生します。

Line 3: Resource not found

http://www.stevefenton.co.uk/Puzzle/CACHE

Line 4: Resource not found

http://www.stevefenton.co.uk/index.html

Line 5: Resource not found

http://www.stevefenton.co.uk/apple-touch-icon.png

Line 6: Resource not found

http://www.stevefenton.co.uk/page.png

Line 7: Resource not found

http://www.stevefenton.co.uk/knight.png

Line 10: Resource not found

http://www.stevefenton.co.uk/style.css
于 2012-06-24T14:52:25.230 に答える
1

試行錯誤の末、問題が解決したことを確認できました。

答えは奇妙ですが、この変更だけで問題が発生したり消えたりすることを確認するために再確認しました。

アプリを IOS ホーム画面に追加する場合は、通常、次のメタ タグをお勧めします。

<meta name="apple-mobile-web-app-capable" content="yes">

しかし、実際には、これを追加しないでください。私のデモ アプリからこのタグを削除すると、IOS 5.1.1 で問題が即座に修正されました。そのため、Safari で実行するのではなく、オフライン キャッシュが必要か、フルスクリーン スタイルが必要かを判断する必要があります。

于 2012-06-26T13:34:09.950 に答える