如何檢查瀏覽器是否緩存了特定資源（例如圖像）？

Question

我有一個與Cache-Control: public, immutable一起使用的資源Cache-Control: public, immutable ，即我希望該資源對於非首次訪問者而言存在於瀏覽器的緩存中。

（瀏覽器對“不可變”配置的支持不在主題之列。）

如何在不觸發瀏覽器加載資源的情況下檢查瀏覽器是否緩存了特定資源（例如圖像）？

Answer 1

我不知道是否有辦法從代碼中做到這一點。 但是，如果您只想檢查是否從緩存中加載了資源，則可以檢查注釋中建議的開發人員工具，例如@Yani。

1. 在網頁上打開開發人員工具。 （F12或Ctrl + Shift + I（如果是Mac，則為Cmd + Opt + I））。
2. 點擊“網絡”標簽。
3. 確保未選中“禁用緩存”復選框。
4. 重新加載頁面（F5或Ctrl + r）
5. 在“大小”列中的表中，其大小或文本為“來自磁盤緩存”