3

HTML5 オフライン ストレージを使用しています

私の Index.html ページ

<!DOCTYPE html>
<html lang="en" manifest="/offline-cache.manifest">

<head>
    <meta charset="utf-8">
    <title>HTML5 offline code demo</title>  
</head>
<body>
       <div id="content">
        <img src="http://increaserss.com/wp-content/uploads/flickr-rss.jpg" alt="img to be cached" />
       </div>

</body>
</html>

offline-cache.manifest ファイル

CACHE MANIFEST
#just want to cache that remote image only
http://increaserss.com/wp-content/uploads/flickr-rss.jpg

私のhtaccess

RewriteEngine On
AddType text/cache-manifest .manifest

インターネットで初めてページをロードし、インターネットを無効にしてこのindex.htmlにアクセスしようとした後、キャッシュは正常に機能しますが、f5を押すと画像が表示されず（代替テキストのみが表示されます）、クリックするとURLバーとEnterキーを押すと（新しいリクエストのように）正常に機能しています...ページの更新（f5）のためにキャッシュを維持する方法はありますか？

4

2 に答える 2

1

サーバー上にないアセットをプルしてからキャッシュできるかどうかを最初に検証しますか？ブラウザのキャッシュとHTML5アプリケーションのキャッシュの境界線が曖昧になっているのではないかと思いますか？

また、オフラインキャッシュをサポートしていないため、InternetExplorerを使用していないことを確認します。

キャッシュマニフェストには、CACHE MANIFESTヘッダーの後にバージョン＃（例：バージョン1.4）も含める必要があり、キャッシュされたファイルはCACHE：ヘッダーの下にある必要があります。例えば。

CACHE MANIFEST
# version 1.4

CACHE:
images/flickr-rss.jpg

どうやって作ったのか教えてください。

于 2012-02-15T15:29:44.603 に答える
0

完全なURLを使用していますが、画像は同じサーバー上にありませんか？もしそうなら、それはそれがキャッシュされるのを防ぐことができます。Chromeを使用している場合は、キャッシュイベントがコンソールに報告されます。

于 2012-02-16T03:48:59.330 に答える