應用程式面板總覽

Dale St. Marthe
Dale St. Marthe

您可以使用「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」面板:

  1. 開啟開發人員工具
  2. 按下以下指令開啟「Command」選單
    • macOS:Command + Shift + P
    • Windows、Linux、ChromeOS:Control + Shift + P 含有
  3. 輸入 application 並選取「Show Application」,然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗頂端顯示「Application」面板。

或者,您也可以透過下列方式開啟「Application」面板:

  • 在頂端的動作列中按一下 double_arrow 更多面板,然後從下拉式清單中選取 [應用程式]
  • 選取右上角的 more_vert [更多選項] > [更多工具] > [應用程式]