檢查我的頁面是否被緩存

Question

我有一個鏈接到清單文件的頁面。清單文件中有許多網址。通常需要幾分鐘才能加載所有內容。

如何檢查我的頁面是否已完成緩存，以便我可以告訴用戶「您的文件已緩存，現在可以安全離線了」？

Answer 1

applicationCache全球發生了幾個事件，您可以檢查以處理此事。有幾個案例需要考慮。

的第一個時間清單是由用戶的瀏覽器（或他們再次訪問該網站，他們刪除應用程序緩存記錄後的第一次）下載後，applicationCache將觸發一個cached事件一旦所有的資源都被下載。

如果用戶之前訪問過該網站，並且瀏覽器確定清單自上次訪問後未發生更改，則applicationCache將觸發noupdate事件，表明用戶已準備好脫機。

另一方面，如果清單文件已更改，那麼它將重新下載清單中的所有文件。一旦完成，它將觸發一個updateready事件。但是：

新版本尚未使用。要在不強制用戶重新加載頁面的情況下對新版本進行「熱插拔」，您可以手動調用window.applicationCache.swapCache（）函數。

在這種情況下，一旦updateready事件被觸發，（可選）application.swapCache()被調用，用戶準備下線。

source