您可以使用「Application」面板來檢查、修改及偵錯網頁應用程式的許多面向,包括資訊清單、Service Worker、儲存空間和快取資料。
總覽
「Application」面板分為四個部分,其中包含子選單。以下為以下部分與子選單:
應用程式:包含應用程式的全方位資訊,包括資訊清單、Service Worker 和儲存空間。
- 「資訊清單」分頁會以容易使用的方式顯示
manifest.json
的資訊。並在對應的部分顯示錯誤和警告 (如果有的話)。 - 「Service Worker」分頁可讓您模擬推送事件、更新服務等,來檢查 Service Worker 並進行偵錯。
- 「Storage」分頁包含圓餅圖,顯示快取儲存空間、索引資料庫和服務工作站使用的記憶體分佈情形。您也可以清除網站資料並模擬自訂儲存空間配額。
儲存空間:查看及編輯網頁應用程式所使用的不同儲存空間方法。
- 本機和工作階段儲存空間清單可讓您選取來源,並編輯相關聯儲存方法的鍵/值組合。
- IndexedDB 清單包含資料庫,而且可讓你透過瀏覽器檢查物件存放區。
- 您可以在「Cookie」清單中選取來源,並編輯鍵/值組合。
- 私密狀態權杖和興趣群組可讓您檢查對應的權杖和群組 (如果有的話)。
- 您可以透過「共用儲存空間」清單選取來源,以及檢查和編輯相關聯的鍵/值組合。
- 「快取儲存空間」清單包含可用的快取,方便您檢查、篩選及刪除其中的資源。
背景服務:檢查、測試及偵錯背景服務。
- 您可以透過「往返快取」分頁,對瀏覽器的往返快取執行測試。同時也會回報可能導致往返快取的問題。
- 「背景擷取」分頁可讓您從 Background Fetch API 中擷取最多三天的活動。
- 背景同步處理分頁可讓您記錄 Background Sync API 期間長達三天的活動。
- [跳轉追蹤因應措施] 分頁可讓您找出並使用跳轉追蹤技術進行跨網站追蹤的網站狀態,並加以刪除。
- 「通知」分頁可讓您錄製推送訊息,最長可達三天。
- 「付款處理常式」分頁可讓您記錄付款處理常式事件,最長可達三天。
- 「定期背景同步處理」分頁可讓您記錄在週期性背景同步處理生命週期內,最多記錄三天的重要事件,例如註冊同步處理、執行背景同步處理以及取消註冊。
- 「推測載入」分頁可讓您對「推測載入」進行偵錯。其中會顯示推測狀態、規則集和推測載入嘗試次數。
- 「推送訊息」分頁可讓您錄製推送訊息,最長可達三天。
- 「Reporting API」分頁會監控網站,並回報已淘汰的 API 呼叫和安全性違規行為。
框架:將網頁和資源劃分成多個檢視畫面,並顯示相關資訊,例如「安全性與隔離」、「內容安全政策」和「API 可用性」等。
開啟「應用程式」面板
如何開啟「Application」面板:
- 開啟開發人員工具。
- 按下以下指令開啟「Command」選單:
- macOS:Command + Shift + P 鍵
- Windows、Linux、ChromeOS:Control + Shift + P 鍵
- 輸入
application
並選取「Show Application」,然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗頂端顯示「Application」面板。
或者,您也可以透過下列方式開啟「Application」面板:
- 在頂端的動作列中按一下 double_arrow 更多面板,然後從下拉式清單中選取 [應用程式]。
- 選取右上角的 more_vert [更多選項] > [更多工具] > [應用程式]。