查看快取資料

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

本指南說明如何使用 Chrome 開發人員工具檢查快取資料。

如果您要檢查 HTTP 快取資料，這不是所需指南。「Network Log」(網路記錄) 的「Size」(大小) 欄包含您要尋找的資訊。請參閱記錄網路活動一文。

查看快取資料

  1. 開啟開發人員工具 > 應用程式 > 儲存空間。

  2. 如要查看可用的快取，請展開 展開。「Cache Storage」(快取儲存空間)。

    可用的快取。

  3. 按一下快取即可查看其中內容。

    檢視快取的內容。

  4. 按一下資源，在表格下方的區段中查看其 HTTP 標頭。

    查看資源的 HTTP 標頭。

  5. 開啟「Preview」(預覽) 分頁標籤，查看資源內容。

    查看資源的內容。

重新整理資源

  1. 查看快取的資料。

  2. 選取要重新整理的資源。開發人員工具會以藍色醒目顯示，表示已選取。

    選取資源。

  3. 按一下「重新整理」。

篩選資源

  1. 查看快取的資料。
  2. 使用「Filter by Path」文字方塊，篩除與提供路徑不相符的任何資源。

篩除不符合指定路徑的資源。

本範例會篩除路徑中不含 script 的資源。

刪除資源

  1. 查看快取的資料。

  2. 按一下要刪除的資源。開發人員工具會以藍色醒目顯示，表示已選取。

    選取要刪除的資源。

  3. 按一下「Delete Selected」圖示 刪除所選項目。。

刪除所有快取資料

  1. 依序開啟「應用程式」 >「儲存空間」。

  2. 在「快取」區段中，確認 核取方塊。「快取儲存空間」已啟用。

  3. 按一下「清除網站資料」。

    「快取儲存空間」核取方塊和「清除網站資料」按鈕。