應用程序緩存清單沒有工作

Question

我已在應用程序緩存清單如下：

CACHE MANIFEST 

# Cache Manifest timestamp: 1361723106 
CACHE: 
offline.html 
offline2.html 
offline.manifest.php 

NETWORK: 
* 

FALLBACK: 
/offline.html 

我使用這個我的本地安裝的服務器上。 所以，當我加載鏈接到這個清單文件的index.html文件時，Chrome中的安慰告訴我所有文件都被正確緩存了。當我關閉本地服務器並嘗試再次訪問index.html文件時，我會看到該index.html文件的內容。我期待被「轉發」到offline.html。我究竟做錯了什麼？

在此先感謝！

Answer 1

雖然您提到「index.html」文件，但我假設您正在訪問如下資源：http://yourlocalservername/。

鏈接到appcache清單（本例中爲「/」）的資源始終包含在應用程序緩存中。回退適用於不在緩存中的資源，因此預期會得到結果。

訪問先前緩存資源時顯示「離線指示符」的唯一方法是確保緩存資源包含實際檢查瀏覽器是否處於離線狀態的JavaScript代碼。您可以檢查navigator.onLine和/或與XMLHttpRequest聯繫以查看您的服務器是否可到達（並且正在運行）。