chrome 檢查和管理儲存、快取與資源
檢查和管理儲存、資料庫與快取
從 Application 面板檢查和管理儲存、資料庫與快取。
- 檢視和修改本地儲存與會話儲存。
- 檢查和修改 IndexedDB 資料庫。
- 對 Web SQL 資料庫執行語句。
- 檢視應用快取和服務工作執行緒快取。
- 點選一次按鈕即可清除所有儲存、資料庫、快取和服務工作執行緒。
本地儲存
如果您使用本地儲存儲存鍵值對 (KVP)，則可以從 Local Storage 窗格中檢查、修改和刪除這些 KVP。
- 雙擊鍵或值可以修改相應的值。
- 雙擊空白單元格可以新增新 KVP。
- 點選 KVP ，然後按 Delete 按鈕可以刪除該 KVP。 只需點選一次按鈕，即可從 Clear storage 窗格擦除所有本地儲存資料。
- 如果您使用一種可以建立、刪除或修改 KVP 的方式與頁面互動，則不會看到這些更改實時更新。 點選 refresh 按鈕 可以檢視您的更改。
Session storage
Session Storage 窗格與 Local Storage 窗格的工作方式相同。 參閱上面的本地儲存部分，瞭解如何檢視和編輯會話儲存。
IndexedDB
使用 IndexedDB 窗格可以檢查、修改和刪除 IndexedDB 資料。
展開 IndexedDB 窗格時，IndexedDB 下的第一個級別是資料庫。 如果存在多個活動的資料庫，您會看到多個條目。 在下面的螢幕截圖中，頁面只有一個活動的資料庫。
點選資料庫的名稱可以檢視該資料庫的安全源、名稱和版本。
展開資料庫可以檢視其鍵值對 (KVP)。
使用 Start from key 文字欄位旁的箭頭按鈕可以在 KVP 的頁面之間移動。
展開值並雙擊可以編輯該值。在您新增、修改或刪除值時，這些更改不會實時更新。
點選 refresh 按鈕可以更新資料庫。
在 Start from key 文字欄位中輸入鍵可以過濾出值小於該值的所有鍵。
在您新增、修改或刪除值時，這些更改不會實時更新。 點選 refresh 按鈕 可以更新資料庫。
點選 Clear Object Store 按鈕 可以刪除資料庫中的所有資料。 從 Clear storage 窗格中，點選一次按鈕登出服務工作執行緒並移除其他儲存與快取也可以實現此目標。
Web SQL
使用 Web SQL 窗格可以查詢和修改 Web SQL 資料庫。
點選資料庫名稱可以開啟該資料庫的控制檯。從這裡，您可以對資料庫執行語句。
點選資料庫表可以檢視該表的資料。
- 您無法從這裡更新值，但是可以通過資料庫控制檯（參見上文）更新。
- 點選列標題可以按該列排序表格。
- 您對錶格的更改不會實時更新。點選 refresh 按鈕 (refresh 按鈕) 可以檢視更新。
- 在 Visibile columns 文字欄位中輸入一個由空格分隔或逗號分隔的列名稱列表可以僅顯示列表中包含的列。
應用快取
使用 Application Cache 窗格可以檢查通過 Application Cache API 建立的資源和規則。
每一行表示一個資源。
Type 列的值為以下值之一：
- Master。資源上指示此快取為其主檔案的 manifest 屬性。
- Explicit。此資源在清單中明確列出。
- Network。指定此資源的清單必須來自網路。
- Fallback。Resource 列中的網址作為另一個網址（未在 DevTools 中顯示）的回退網址形式列出。
表格底部擁有指示網路連線和應用快取狀態的狀態圖示。 應用快取可能擁有以下狀態：
- IDLE。快取沒有新更改。
- CHECKING。正在提取清單並檢查有無更新。
- DOWNLOADING。正在將資源新增到快取中。
- UPDATEREADY。存在新版本的快取。
- OBSOLETE。正在刪除快取。
服務工作執行緒快取
利用 Application 面板上的 Cache Storage 窗格，您可以檢查、修改和除錯使用（服務工作執行緒）Cache API 建立的快取。 參閱下面的指南獲取更多幫助。
清除服務工作執行緒、儲存、資料庫和快取
有時，您只需要擦除給定源的所有資料。利用 Application 面板上的 Clear Storage 窗格，您可以選擇性地登出服務工作執行緒、儲存和快取。要清除資料，只需啟用您想要擦除的元件旁的複選框，然後點選 Clear site data。操作將擦除 Clear storage 標籤下所列源的所有資料。
檢查和刪除 Cookie
從 Application 面板檢查和刪除 Cookie。
- 檢視與 Cookie 有關的詳細資訊，例如名稱、值、網域和大小，等等。
- 刪除單個 Cookie、選定網域的 Cookie 或所有網域的全部 Cookie。
概覽
使用 Cookies 窗格可以檢視和刪除 Cookie。您無法修改 Cookie 值。
Cookie 按網域列示。其中包括主文件和所有巢狀的框架。 選擇一個“框架組”將顯示該組中所有資源、所有框架的所有 Cookie。 請注意，這種分組方式有兩個結果：
- 來自不同網域的 Cookie 可能顯示在相同的框架組中。
- 相同 Cookie 可能出現在多個框架組中。
欄位
為每個 Cookie 提供了以下欄位：
| 欄位 | 說明 |
|---|---|
| Name | Cookie 的名稱。 |
| Value | Cookie 的值。 |
| Domain | Cookie 的網域。 |
| Path | Cookie 的路徑。 |
| Expires / Maximum Age | Cookie 的過期時間或最長壽命。對於會話 Cookie，此欄位始終為“Session”。 |
| Size | Cookie 的大小（以位元組為單位）。 |
| HTTP | 如果存在，指示應僅在 HTTP 上使用 Cookie，並且不允許 JavaScript 修改。 |
| Secure | 如果存在，指示此 Cookie 的通訊必須通過加密傳輸進行。 |
刪除 Cookie
可以通過多種方式刪除 Cookie：
- 選擇 Cookie 並按 Delete 按鈕 可以刪除相應 Cookie。
- 按 Clear 按鈕 可以刪除指定框架組的所有 Cookie。
- 右鍵點選 Cookie 的Domain值，然後選擇 Clear all from “…”（其中 “…” 是網域的名稱）可以刪除來自該網域的所有 Cookie。
檢查資源
按框架、網域、型別或其他條件組織資源。
- 使用 Application 面板的 Frames 窗格可以按框架組織資源。
- 您也可以在 Sources 面板中停用 Group by folder 選項，按框架檢視資源。
- 要按網域和資料夾檢視資源，請使用 Sources 面板。
- 在 Network 面板中按名稱或其他條件過濾資源。
按框架組織資源
使用 Application 面板的 Frames 窗格可以按框架組織頁面的資源。
- 頂層（上面螢幕截圖中的 top）是主文件。
- 在這下方（例如上面螢幕截圖中的 widget2）是主文件的子框架。 展開一個子框架可以檢視源自該框架的資源。
- 子框架下方是影象、指令碼，以及主文件的其他資源。
- 最後是主文件本身。
點選資源可以檢視其預覽。
右鍵點選資源可以在 Network 面板中檢視、將其在新標籤中開啟、複製其網址或將其儲存。
通過在 Sources 面板中點選導航器中的溢位選單並停用 Group by folder 選項以停止按資料夾分組資源，您也可以按框架檢視資源。
資源將僅按框架列示。
按網域和資料夾組織資源
要檢視按網域和目錄組織的資源，請使用 Sources 面板。
按名稱、型別或其他條件過濾資源
使用 Network 面板可以按名稱、型別和一系列其他條件過濾資源。 參閱下面的指南瞭解詳情。