私は自分のサイトをオフラインでアクセスできるようにしようと、かなりの 1 週間にわたって自分のサイトと格闘してきましたが、ついに敗北を認めました。誰かが私が間違ったことを見ることができますか? または、他に何をテストする必要があるかについてのアイデアを教えてください。
私のindex.htmlファイルは次で始まります：
<!DOCTYPE HTML>
<html manifest="cache.manifest">
<head>
同じフォルダーに次のような .htaccess.txt ファイルがあります。
AddType text/cache-manifest .manifest
同じフォルダーにある私の cache.manifest ファイルには次のように書かれています。
CACHE MANIFEST
# version 0.4
# If any of the files you list here isn't available, nothing gets cached.
# The cache limit for Mobile Safari is 10 MB. Only 5MB for Chrome.
CACHE:
/assets/primary.css
/assets/primary.js
/assets/jquery-1.7.1.min
/assets/content/home.html
/assets/images/background_banner.jpg
/assets/images/background_content.jpg
/assets/images/background_content_home.jpg
/assets/images/icon.png
/assets/images/leaves_banner.png
/assets/images/leaves_nav.png
/assets/images/logo.png
/assets/images/startup_landscape.jpg
/assets/images/startup_portrait.jpg
NETWORK:
*
キャッシュ ファイル内のファイルにタイプミスがなく、ファイル サイズが 10 MB 未満であることを再確認しました。キャッシュ ファイルは ANSI 形式で保存されます。
インターネットに接続している場合、サイトは iPad で問題なく読み込まれます。しかし、機内モードをオンにすると、横向きの読み込み画面が表示されます (index.html ファイルで指定された startup_landscape.jpg ファイル)。
ファイルを cache.appcache として参照しようとしました（違いはわかりませんが）。とにかく問題を解決していないようです。
私はここで立ち往生しています。どんなアイデアでも大歓迎です。
更新: 10 月 25 日
単一の HTML ページ、CSS ファイル、および (空の) .JS ファイルを使用して、より単純なサイトを作成しようとしました。index.html ファイルはオフラインで表示できますが、.CSS は適用されません。そのため、キャッシュがまだ適切に機能していないと思います。
ページに画像を追加しようとしましたが、キャッシュしませんでした。サイトはまだオフライン モードで動作していました。画像があるべき場所に空のボックスが表示されただけでした。しかし、イメージ名をキャッシュに追加しようとすると、オフライン モードで index.html ページを表示することさえできません。空白の画面が表示されるだけです。