共用方式為


偵錯背景服務

Microsoft Edge DevTools 的 [ 背景服務 ] 區段是 Web API 的工具集合,可讓您的網站在使用者不使用您的網站時傳送和接收數據,並讓瀏覽器向您的伺服器報告生產問題。

Microsoft Edge DevTools 會將下列每個 API 視為背景服務:

[ 背景服務] 區段會記錄 API 事件,即使您未使用 DevTools,也可協助您確定事件會如預期般傳送和接收。

背景擷

背景擷取 API 可讓漸進式 Web 應用程式的服務工作者可靠地下載大型資源,例如電影或播客作為背景服務。 若要記錄 3 天的背景擷取事件,即使 DevTools 未開啟也一樣:

  1. 以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 圖示) 按鈕,或按下 [ 其他工具 ] ([其他工具] 圖示) 按鈕。

  3. 在左側的 [ 背景服務] 區段中,選取 [ 背景擷取]。 [ 背景擷取] 頁面隨即開啟。

    背景擷取面板

  4. 點選 「記錄 (紀錄) ] 。 觸發某些背景擷取活動之後,DevTools 會將事件記錄到數據表。

    背景擷取面板中的事件記錄檔

  5. 按兩下事件,即可在資料表下方的空間中檢視其詳細數據。

    在 [背景擷取] 窗格中檢視事件的詳細數據

背景同步

背景同步 API 可讓漸進式 Web 應用程式的離線服務背景工作角色在重新建立可靠的因特網連線後,將數據傳送至伺服器。 若要記錄 3 天的背景同步事件,即使 DevTools 未開啟也一樣:

  1. 以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 圖示) 按鈕,或按下 [ 其他工具 ] ([其他工具] 圖示) 按鈕。

  3. 在左側的 [ 背景服務] 區段中,選取 [ 背景同步]。[ 背景同步] 頁面隨即開啟。

    背景同步窗格

  4. 點選 「記錄 (紀錄) ] 。 觸發某些背景同步活動之後,DevTools 會將事件記錄到數據表。

    背景同步窗格中的事件記錄檔

  5. 選取事件,以在數據表下方的空間中檢視其詳細數據。

    在 [背景同步] 窗格中檢視事件的詳細數據

通知

服務工作者 收到來自伺服器的 推播訊息 之後,服務工作者會使用 通知 API 向使用者顯示數據。 若要記錄 3 天的通知,即使 DevTools 未開啟:

  1. 以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 圖示) 按鈕,或按下 [ 其他工具 ] ([其他工具] 圖示) 按鈕。

  3. 在左側的 [ 背景服務] 區段中,選取 [ 通知]。 [ 通知] 頁面隨即開啟。

    [通知] 窗格

  4. 點選 「記錄 (紀錄) ] 。 觸發某些 Notifications 活動之後,DevTools 會將事件記錄到數據表。

    [通知] 窗格中的事件記錄檔

  5. 按兩下事件,即可在資料表下方的空間中檢視其詳細數據。

    在 [通知] 窗格中檢視事件的詳細數據

付款處理程式

付款處理程式 API 可讓 Web 應用程式代表使用者處理付款要求。 若要記錄 3 天的付款要求和回應事件,即使 DevTools 未開啟也一般:

  1. 以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 圖示) 按鈕,或按下 [ 其他工具 ] ([其他工具] 圖示) 按鈕。

  3. 在左側的 [ 背景服務] 區段中,選取 [ 付款處理程式]。 [ 付款處理程式] 頁面隨 即開啟。

    [付款處理程式] 窗格

  4. 點選 「記錄 (紀錄) ] 。 觸發某些付款要求之後,DevTools 會將事件記錄到數據表。

    付款處理程式窗格中的事件記錄檔

  5. 按兩下事件,即可在資料表下方的空間中檢視其詳細數據。

    在 [付款處理程式] 窗格中檢視事件的詳細數據

定期背景同步

定期背景同步 API 可讓漸進式 Web 應用程式的服務工作者定期從伺服器擷取數據,即使網站未開啟也一樣。 若要深入瞭解 定期背景同步 API,請參閱 使用定期背景同步 API 定期取得最新內容

若要記錄 3 天的定期背景同步事件,即使 DevTools 未開啟也一樣:

  1. 以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 圖示) 按鈕,或按下 [ 其他工具 ] ([其他工具] 圖示) 按鈕。

  3. 在左側的 [ 背景服務] 區段中,選取 [ 定期背景同步]。[ 定期背景同步] 頁面隨即開啟。

    [定期背景同步] 窗格

  4. 點選 「記錄 (紀錄) ] 。 觸發一些定期背景同步活動之後,DevTools 會將事件記錄到數據表。

    [定期背景同步] 窗格中的事件記錄檔

推送訊息

若要向用戶顯示推播通知,漸進式 Web 應用程式 的服務工作者 必須先使用 推播訊息 API 從伺服器接收數據。 當服務工作者準備好顯示通知時,它會使用 通知 API。 若要記錄 3 天的推播訊息,即使 DevTools 未開啟也一般:

  1. 以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 圖示) 按鈕,或按下 [ 其他工具 ] ([其他工具] 圖示) 按鈕。

  3. 在左側的 [ 背景服務] 區段中,選取 [ 推送傳訊]。 [ 推播訊息] 頁面隨即開啟。

    開啟 [推播傳訊] 窗格

  4. 點選 「記錄 (紀錄) ] 。 觸發某些推播訊息活動之後,DevTools 會將事件記錄到數據表。

    [推播訊息] 窗格中的事件記錄檔

  5. 按兩下事件以檢視表格下方空間中的詳細數據。

    在 [推播訊息] 窗格中檢視事件的詳細數據

報告 API

報告 API 可讓 Web 開發人員從其生產網站接收安全性違規、已被取代的 API 呼叫和其他報告。

若要檢視瀏覽器已使用 報表 API 傳送的報告:

  1. 以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 圖示) 按鈕,或按下 [ 其他工具 ] ([其他工具] 圖示) 按鈕。

  3. 在左側的 [ 背景服務] 區段中,選取 [ 報告 API]。 [ 報告 API] 頁面隨 即開啟。

    開啟 [報告 API] 窗格

  4. [ 報告 API] 頁面會顯示在頂端數據表中傳送的報表。

    報表 API 窗格中的報表清單

  5. 按兩下報表以檢視資料表下方空間中的詳細數據。

    在 [報告 API] 窗格中檢視報表的詳細數據

  6. [ 報告 API] 頁面也會顯示在底部資料表中透過 Reporting-Endpoints HTTP 標頭設定的報告端點清單。

    在 [報告 API] 窗格中檢視報告端點清單

注意事項

此頁面的部分是根據Google所建立和 共用的工作進行 修改,並根據 Creative Commons Attribution 4.0 國際授權中所述的條款使用。 原始頁面 可在這裡 找到,並由 Basques 撰寫。 Creative Commons 授權 此工作是根據 Creative Commons Attribution 4.0 International License 授權