偵錯背景服務
Microsoft Edge DevTools 的 [ 背景服務 ] 區段是 Web API 的工具集合,可讓您的網站在使用者不使用您的網站時傳送和接收數據,並讓瀏覽器向您的伺服器報告生產問題。
Microsoft Edge DevTools 會將下列每個 API 視為背景服務:
[ 背景服務] 區段會記錄 API 事件,即使您未使用 DevTools,也可協助您確定事件會如預期般傳送和接收。
背景擷
背景擷取 API 可讓漸進式 Web 應用程式的服務工作者可靠地下載大型資源,例如電影或播客作為背景服務。 若要記錄 3 天的背景擷取事件,即使 DevTools 未開啟也一樣:
以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 ) 按鈕,或按下 [ 其他工具 ] () 按鈕。
在左側的 [ 背景服務] 區段中,選取 [ 背景擷取]。 [ 背景擷取] 頁面隨即開啟。
點選 「記錄 ( ] 。 觸發某些背景擷取活動之後,DevTools 會將事件記錄到數據表。
按兩下事件,即可在資料表下方的空間中檢視其詳細數據。
背景同步
背景同步 API 可讓漸進式 Web 應用程式的離線服務背景工作角色在重新建立可靠的因特網連線後,將數據傳送至伺服器。 若要記錄 3 天的背景同步事件,即使 DevTools 未開啟也一樣:
以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 ) 按鈕,或按下 [ 其他工具 ] () 按鈕。
在左側的 [ 背景服務] 區段中,選取 [ 背景同步]。[ 背景同步] 頁面隨即開啟。
點選 「記錄 ( ] 。 觸發某些背景同步活動之後,DevTools 會將事件記錄到數據表。
選取事件,以在數據表下方的空間中檢視其詳細數據。
通知
在 服務工作者 收到來自伺服器的 推播訊息 之後,服務工作者會使用 通知 API 向使用者顯示數據。 若要記錄 3 天的通知,即使 DevTools 未開啟:
以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 ) 按鈕,或按下 [ 其他工具 ] () 按鈕。
在左側的 [ 背景服務] 區段中,選取 [ 通知]。 [ 通知] 頁面隨即開啟。
點選 「記錄 ( ] 。 觸發某些 Notifications 活動之後,DevTools 會將事件記錄到數據表。
按兩下事件,即可在資料表下方的空間中檢視其詳細數據。
付款處理程式
付款處理程式 API 可讓 Web 應用程式代表使用者處理付款要求。 若要記錄 3 天的付款要求和回應事件,即使 DevTools 未開啟也一般:
以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 ) 按鈕,或按下 [ 其他工具 ] () 按鈕。
在左側的 [ 背景服務] 區段中,選取 [ 付款處理程式]。 [ 付款處理程式] 頁面隨 即開啟。
點選 「記錄 ( ] 。 觸發某些付款要求之後,DevTools 會將事件記錄到數據表。
按兩下事件,即可在資料表下方的空間中檢視其詳細數據。
定期背景同步
定期背景同步 API 可讓漸進式 Web 應用程式的服務工作者定期從伺服器擷取數據,即使網站未開啟也一樣。 若要深入瞭解 定期背景同步 API,請參閱 使用定期背景同步 API 定期取得最新內容。
若要記錄 3 天的定期背景同步事件,即使 DevTools 未開啟也一樣:
以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 ) 按鈕,或按下 [ 其他工具 ] () 按鈕。
在左側的 [ 背景服務] 區段中,選取 [ 定期背景同步]。[ 定期背景同步] 頁面隨即開啟。
點選 「記錄 ( ] 。 觸發一些定期背景同步活動之後,DevTools 會將事件記錄到數據表。
推送訊息
若要向用戶顯示推播通知,漸進式 Web 應用程式 的服務工作者 必須先使用 推播訊息 API 從伺服器接收數據。 當服務工作者準備好顯示通知時,它會使用 通知 API。 若要記錄 3 天的推播訊息,即使 DevTools 未開啟也一般:
以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 ) 按鈕,或按下 [ 其他工具 ] () 按鈕。
在左側的 [ 背景服務] 區段中,選取 [ 推送傳訊]。 [ 推播訊息] 頁面隨即開啟。
點選 「記錄 ( ] 。 觸發某些推播訊息活動之後,DevTools 會將事件記錄到數據表。
按兩下事件以檢視表格下方空間中的詳細數據。
報告 API
報告 API 可讓 Web 開發人員從其生產網站接收安全性違規、已被取代的 API 呼叫和其他報告。
若要檢視瀏覽器已使用 報表 API 傳送的報告:
以滑鼠右鍵按兩下網頁,然後選取 [ 檢查],以開啟DevTools。 或按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。
在 DevTools 的主要工具列上,選取 [ 應用程式] 索引 標籤。如果看不到該索 引標籤, 請按兩下 [更多] 索引卷標 ([更多] 索引標籤 ) 按鈕,或按下 [ 其他工具 ] () 按鈕。
在左側的 [ 背景服務] 區段中,選取 [ 報告 API]。 [ 報告 API] 頁面隨 即開啟。
[ 報告 API] 頁面會顯示在頂端數據表中傳送的報表。
按兩下報表以檢視資料表下方空間中的詳細數據。
[ 報告 API] 頁面也會顯示在底部資料表中透過
Reporting-Endpoints
HTTP 標頭設定的報告端點清單。
注意事項
此頁面的部分是根據Google所建立和 共用的工作進行 修改,並根據 Creative Commons Attribution 4.0 國際授權中所述的條款使用。 原始頁面 可在這裡 找到,並由 Basques 撰寫。 此工作是根據 Creative Commons Attribution 4.0 International License 授權。