應用程式面板總覽

Dale St. Marthe
Dale St. Marthe

使用「應用程式」面板來檢查、修改及偵錯網頁應用程式的許多面向,包括其資訊清單、服務工作站、儲存空間和快取資料。

總覽

「應用程式」面板分為四個部分,其中包含子選單。以下為這些版面和子選單:

應用程式:包含應用程式的大致資訊,包括資訊清單、Service Worker 和儲存空間。

  • 「Manifest」分頁以簡單易懂的方式呈現 manifest.json 的資訊,也會在對應的部分中顯示錯誤和警告 (如有)。
  • 「Service Worker」分頁可讓您模擬推送事件、更新服務等,檢查 Service Worker 並進行偵錯。
  • 「Storage」分頁包含一張圓餅圖,顯示快取儲存空間、IndexedDB 和服務工作站使用的記憶體分佈情形。您也可以清除網站資料,並模擬自訂儲存空間配額。

儲存空間:查看及編輯網頁應用程式使用的不同儲存空間方法。

  • 本機工作階段儲存空間清單可讓您選取來源並編輯相關的鍵/值組合。
  • IndexedDB 清單包含資料庫,可讓您檢查來自瀏覽器的物件儲存區。
  • Cookie清單可讓您選取來源並編輯鍵/值組合。
  • 私密狀態權杖興趣群組可讓您檢查對應的權杖群組 (如有)。
  • 共用儲存空間清單可讓您選取來源,然後檢查及修改相關的鍵/值組合。
  • 快取儲存空間清單包含可用的快取,可讓您檢查、篩選及刪除其中的資源。

背景服務:檢查、測試背景服務並進行偵錯。

  • 往返快取分頁可讓您在瀏覽器中執行往返快取測試。也會回報可能導致往返快取的問題。
  • 「背景擷取」分頁可讓您記錄來自 Background Fetch API 的活動,最長可達三天。
  • 「背景同步處理」分頁可讓您記錄 Background Sync API 中的活動最多三天。
  • 「跳轉追蹤因應措施」分頁可讓您使用跳出追蹤技術,找出並刪除似乎要執行跨網站追蹤的網站狀態。
  • 「通知」分頁可讓您錄製長達三天的推送訊息。
  • 在「付款處理常式」分頁中,你可以記錄最多三天的付款處理常式事件。
  • 在「定期背景同步處理」分頁中,您可以在定期背景同步處理生命週期中最多記錄三天的重要事件,例如註冊同步、執行背景同步處理及取消註冊。
  • 推測載入分頁可讓您對「推測載入」進行偵錯。這些資料會顯示推測狀態、規則集和推測載入嘗試。
  • 「推送訊息」分頁可讓您錄製最多三天的推送訊息並記錄。
  • Reporting API分頁會監控您的網站,並回報已淘汰的 API 呼叫和安全性違規情形。

框架:將網頁和資源分為多個檢視畫面,並顯示相關資訊,例如安全性與隔離內容安全政策API 可用性等。

開啟「Applications」面板

如要開啟「Application」面板:

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

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

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