應用緩存

我試圖執行下面的一組編碼，這已經是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上嘗試相同時，提示消失後，我單擊允許。請指出上述代碼中的錯誤

來源

2012-12-24 user1619303

您是否檢查過您的'.htaccess'文件的請求的內容類型工作？你有這些文件上傳到我們可以看到的服務器嗎？ – robertc

我上傳到服務器後沒有通過.htaccess工作 – user1619303

離線緩存僅適用於遠程文件。當您在本地運行頁面時，它不會實際脫機文件。

如果您通過服務器訪問您的頁面，您應該看到脫機緩存正常工作。

來源

2012-12-24 12:13:56 Fenton

我只通過上傳文件到服務器執行文件 – user1619303

我改變了demo_html.appcache更簡單的

CACHE MANIFEST 
index.html 
demo_time.js 
logo.jpeg

，並在Firefox和Chrome瀏覽器對我的作品

鉻合金「資源」選項卡是真正有用的用於調試應用程序緩存：

screenshot of chromes resources-tab

來源

2012-12-24 12:24:40 bjelli

即使這種修改沒有對我工作 – user1619303

感謝您的回答。當我點擊應用程序緩存時，它不顯示任何文件 – user1619303

我明白了 – user1619303

回答

相關問題