檢查我的頁面是否已緩存

Question

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

如何檢查我的頁面是否已完成緩存，以便告訴用戶“您的文件已緩存。現在可以脫機了”？

Answer 1

applicationCache全局會觸發幾個事件，您可以檢查這些事件來處理。 有一些情況需要考慮。

清單文件第一次由用戶的瀏覽器下載（或在刪除appcache記錄后首次訪問該站點），一旦下載了所有資源， applicationCache將觸發一個cached事件。

如果用戶以前訪問過該站點，並且瀏覽器確定自上次訪問以來清單未發生變化，則applicationCache將觸發noupdate事件，指示用戶已准備好脫機。

另一方面，如果清單文件已更改，則它將重新下載清單中的所有文件。 完成后，它將觸發一個updateready事件。 然而：

新版本尚未使用 。 要“熱交換”到新版本而不強制用戶重新加載頁面，可以手動調用window.applicationCache.swapCache（）函數。

在這種情況下，一旦觸發updateready事件並（可選）調用application.swapCache() ，用戶就可以脫機了。

資源