我如何知道圖像緩存在瀏覽器中時加載

Question

我有一個網頁，它首次打開時總是需要2秒的時間加載SVG圖像，並且下次加載頁面時，由於SVG文件被瀏覽器緩存，頁面會立即顯示SVG文件。

現在我想在頁面上顯示加載，直到SVG圖像完全加載到頁面上，SVG圖像嵌入在CSS中，也許我可以做ajax來加載圖像，但現在的關鍵問題是我如何知道SVG圖像是否被緩存，所以如果我知道圖像被緩存，則不需要發送請求，否則發送請求請求圖像。

Answer 1

使用開發人員工具並檢查網絡選項卡並開始捕獲，重新加載頁面並查看列表中的項目，對於緩存中正在使用的任何內容，您應該看到304或「未修改」狀態。