預加載頁面使用html5清單ajax

緩存他們我目前有一種情況，我有在線課程網站。但我希望它可以在本地脫機訪問。我爲課程中的所有主題添加了一個清單。如果他們被訪問，他們被緩存在本地。預加載頁面使用html5清單ajax

但是，我現在想要添加一個按鈕「使脫機可用」來預加載所有這些頁面，而不必先手動訪問它們。

我試圖通過按鈕觸發的多個ajax調用加載所有這些文件。他們會$ .get（）頁面，我希望瀏覽器能夠緩存它們。但是，它似乎並不奏效。似乎瀏覽器不解釋它不顯示的網頁...

有沒有辦法通過使用JavaScript和清單來做到這一點？

謝謝！

2011-05-18 Ruben

我相信，艙單清單並不像你想要的那樣工作。清單文件中的條目將緩存在後臺。用戶永遠不必訪問該頁面進行緩存。

下面是HTML5體現一個很好的資源：http://diveintohtml5.ep.io/offline.html

2011-05-18 16:48:10 Joe

我選擇了一個使用JavaScript的localStorage數據庫的不同解決方案。這對我的問題更合適。儘管感謝您的回答。 – Ruben 2011-06-03 20:30:53

是的。但對於清單文件資源的所有請求沒有任何參數，體育專業：

CACHE MANIFEST 

CACHE: 
/cgi-bin/imgrequest.cgi  # OK 
/cgi-bin/request.cgi?id=123 # Wrong, it does not work

2014-09-03 12:02:39 Rolf

您可以發送Ajax請求，並預先抓取網頁內容，並將它們保存在隱藏層。您可以爲觸發頁面導航的事件編寫處理程序，並在請求時顯示相應的div。

2014-09-03 12:08:17 Sunand

回答