0

すでに w3schools にある次の一連のコーディングを実行しようとしました

index.html には次のコーディングがあります

<!DOCTYPE html>
     <html manifest="demo_html.appcache">
          <body>
             <script src="demo_time.js"></script>
                  <p id="timePara"><button onclick="getDateTime()">Get Date and Time</button></p>
                  <p><img src="logo.jpeg" width="336" height="69"></p>
                  <p>Try opening <a href="index.html" target="_blank">this page</a>, then go offline, and reload the page. The script and the image should still work.</p>
            </body>
      </html>

demo_time.js には以下が含まれます 

 function getDateTime()
 {
       var d=new Date();
       document.getElementById('timePara').innerHTML=d;
 }

demo_html.appcache には以下が含まれます 

 CACHE MANIFEST

 CACHE:
 /index.html
 /demo_time.js
 /logo.jpeg

「.htaccess」ファイルには以下が含まれます

 AddType text/cache-manifest .appcache

このコードの間違いを指摘してください。ブラウザでコードを実行すると、Firefox から「このウェブサイトは、オフラインで使用するためにコンピュータにデータを保存するように求めています。」許可します。このサイトでは許可しないか、今は許可しません。許可を選択しましたが、それでもプロンプトは消えませんでした。

w3schools.com で同じことを試したところ、[許可] をクリックするとプロンプトが消えました。上のコードの間違いを指摘してください

4

2 に答える 2

0

オフラインキャッシュは、リモートファイルに対してのみ機能します。ページをローカルで実行すると、実際にはファイルがオフラインになりません。

サーバー経由でページにアクセスすると、オフラインキャッシュが機能していることがわかります。

于 2012-12-24T12:13:56.203 に答える
0

demo_html.appcache をよりシンプルなものに変更しました

CACHE MANIFEST
index.html
demo_time.js
logo.jpeg

そして、それはFirefoxとChromeの両方で機能します

Chrome の [Resources] タブは、appcache のデバッグに非常に役立ちます。

クロムリソースタブのスクリーンショット

于 2012-12-24T12:24:40.807 に答える