非常に単純なはずのことをしようとすると問題が発生します (ユーザーがインターネットにアクセスできないときにオフライン ページを表示する)。自分のアドレスにロードする MVC アプリケーションがありますhttp://192.168.2.29/MobilePortal/
次のコンテンツを含む manifest.cache ファイルを Web サイトに追加しました。
CACHE MANIFEST
# 11-04-2013
CACHE:
/MobilePortal/
NETWORK:
FALLBACK:
/MobilePortal/ /MobilePortal/offline.html
この背後にある考え方は、ユーザーがインターネットにアクセスできないときに offline.html ページを表示することです。
私のアプリケーションMasterPageには、次のものを含めました。
<html manifest="<%=Url.Content("~/manifest.cache") %>"">
Chrome でインターネット接続を使用してアプリケーションにアクセスすると、コンソールから次のように表示されます。
Creating Application Cache with manifest http://192.168.2.29/MobilePortal/manifest.cache 192.168.2.29:1
Application Cache Checking event 192.168.2.29:1
Application Cache Downloading event 192.168.2.29:1
Application Cache Progress event (0 of 2) http://192.168.2.29/MobilePortal/offline.html 192.168.2.29:1
Application Cache Progress event (1 of 2) http://192.168.2.29/MobilePortal/ 192.168.2.29:1
Application Cache Progress event (2 of 2) 192.168.2.29:1
Application Cache Cached event
ここは大丈夫だと思います。
その後、インターネット接続をオフにしてhttp://192.168.2.29/MobilePortal/URL にアクセスしましたが、offline.html ページが表示されません。代わりに、Chrome コンソールでこれを取得します。
Document was loaded from Application Cache with manifest http://192.168.2.29/MobilePortal/manifest.cache 192.168.2.29:1
Application Cache Checking event 192.168.2.29:1
Application Cache Error event: Manifest fetch failed (-1) http://192.168.2.29/MobilePortal/manifest.cache 192.168.2.29:1
フォールバック ルールで何か不足していますか? アプリケーションに index.html ファイルを追加してみましたが、次のフォールバック ルールが含まれていました。
FALLBACK:
/MobilePortal/index.html /MobilePortal/offline.html
ブラウザーにアクセスしようとするとhttp://192.168.2.29/MobilePortal/index.html、offline.html ページが正常に表示されました。
どんな助けでも大歓迎です。ありがとう。