2016-08-18 16 views
0

Android ChromeブラウザとデスクトップChromeブラウザでHtml5アプリケーションキャッシュテストを行いました。Html5アプリケーションキャッシュ:ページを更新するときにアプリケーションキャッシュからJavaScriptファイルを読み込めません。

マニフェストURL
/appcachetest /メイン/ AppManifest:

CACHE MANIFEST 

# Version: 3 

NETWORK: 
* 

CACHE: 
Main 
Main/Page1 
Main/Page2 
Scripts/jquery-1.10.2.js 
#FALLBACK: 
@{ 
    Layout = null; 
    Response.ContentType = "text/cache-manifest"; 
    Response.Cache.SetCacheability(HttpCacheability.NoCache); 
    Response.Cache.SetExpires(DateTime.MinValue); 
    Response.ContentEncoding = System.Text.Encoding.UTF8; 
} 

メインインデックスページ:

<!DOCTYPE html> 
<html manifest="/appcachetest/Main/AppManifest" type="text/cache-manifest"> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title> - My ASP.NET Application</title> 
    <script src="/AppCacheTest/Scripts/jquery-1.10.2.js"></script> 
</head> 
<body> 


<iframe src="Main/Page1" style="border: 0; width: 100%; height: 100%"> </iframe> 

</body> 
</html> 

私は、以下に示す手順を試してみました:

  1. ブラウザをオンラインにします。
  2. アドレスバーにメインインデックスページのURLを入力し、Enterキーを押します。
  3. ページが正しく読み込まれ、すべてのアイテムがキャッシュされます。
  4. ブラウザを閉じてもう一度起動します。
  5. ブラウザをオフラインにしてキャッシュを有効にします。
  6. アドレスバーにメインインデックスページを入力し、Enterキーを押します。
  7. メインインデックスページとJavaScriptファイルがキャッシュから読み込まれました。
  8. ブラウザの更新ボタンをクリックすると、JavaScriptファイルをキャッシュから読み込むことができません。

ページを更新するときにアプリケーションキャッシュからJavaScriptファイルを読み込む作業はありますか?それを動作させるには?

おかげで、 ボー

答えて

0

最後に、マニフェストキャッシュからJavaScriptファイルを読み込めないという問題を知りました。

マニフェストファイルのキャッシュされたURLは大文字と小文字が区別されますので、2日間を費やすまでわからなかったのです。

1

数時間の調査とテストの後。

見つかったファイルjquery-1.10.2.jsの名前をjquery.js.jgzに変更した場合、オフラインでページを更新してもエラーは発生しません。

関連する問題