應用程式面板總覽

Dale St. Marthe
Dale St. Marthe

使用「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 可用性等。

開啟「應用程式」面板

如要開啟「應用程式」面板,請按照下列步驟操作:

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

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

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