使用「Application」面板,檢查、修改及偵錯網頁應用程式的多個層面,包括資訊清單、服務工作者、儲存空間和快取資料。
總覽
「應用程式」面板分為四個區段,每個區段包含子選單。以下是這些部分和子選單:
應用程式:包含應用程式的整體資訊,包括資訊清單、服務工作者和儲存空間。
- 「資訊清單」分頁會以方便使用者的方式呈現
manifest.json
中的資訊。並在對應的部分顯示錯誤和警告 (如有)。 - 您可以透過模擬推播事件、更新服務等方式,在「Service worker」分頁中檢查及偵錯 Service worker。
- 「儲存空間」分頁包含圓餅圖,顯示快取儲存空間、IndexedDB 和服務工作者使用的記憶體分布情形。您也可以清除網站資料,並模擬自訂儲存空間配額。
儲存空間:查看及編輯網頁應用程式使用的不同儲存空間方法。
- 本機和工作階段儲存空間清單可讓您選取來源,並編輯相關儲存空間方法的鍵/值組合。
- IndexedDB 清單包含資料庫,可讓您透過瀏覽器檢查物件儲存庫。
- 您可以透過「Cookie」 清單選取來源,並編輯鍵/值組合。
- 私密狀態權杖和興趣群組可讓您檢查對應的權杖和群組 (如有)。
- 您可以透過「共用儲存空間」清單選取來源,並檢查及編輯相關的鍵/值組合。
- 「Cache storage」 清單包含可用的快取,可讓您檢查、篩選及刪除相關資源。
背景服務:檢查、測試及偵錯背景服務。
- 您可以透過「往返快取」分頁,在瀏覽器中針對往返快取執行測試。並回報可能導致回溯/前進快取失敗的問題。
- 您可以使用「背景擷取」分頁,記錄 Background Fetch API 的活動,最多可記錄三天。
- 您可以使用「背景同步」分頁,記錄 Background Sync API 的活動,最多可記錄三天。
- 您可以透過「跳轉追蹤因應措施」分頁標籤,找出並刪除疑似使用跳轉追蹤技術進行跨網站追蹤的網站狀態。
- 您最多可在「通知」分頁中記錄三天的推播訊息。
- 您可以透過「Payment handler」分頁,記錄最多三天的 Payment Handler 事件。
- 您可以透過「定期在背景同步處理」分頁,記錄定期在背景同步處理生命週期中最多三天的重點事件,例如註冊同步處理、執行背景同步處理和取消註冊。
- 您可以使用「推測載入」分頁來偵錯「推測載入」。這項資訊會顯示推測狀態、規則集和推測載入嘗試。
- 您可以使用「推播訊息」分頁,記錄最多三天份的推播訊息並記錄相關資訊。
- 「Reporting API」分頁會監控網站,並回報已淘汰的 API 呼叫和安全性違規。
Frames:將網頁和資源分割成多個檢視畫面,並顯示相關資訊,例如安全性與隔離、內容安全性政策、API 可用性等。
開啟「應用程式」面板
如要開啟「應用程式」面板,請按照下列步驟操作:
- 開啟開發人員工具。
- 按下以下鍵盤按鍵,開啟指令選單:
- macOS:Command + Shift + P 鍵
- Windows、Linux 和 ChromeOS:Control + Shift + P 鍵
- 開始輸入
application
,選取「Show Application」,然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗頂端顯示「Application」面板。
或者,您也可以透過下列方式開啟「應用程式」面板:
- 在頂端的操作列中,按一下「double_arrow」 「更多面板」,然後從下拉式清單中選取「應用程式」。
- 依序選取右上角的「more_vert」 「更多選項」>「更多工具」 >「應用程式」。