測試漸進式 Web 應用程式 (PWA) 通訊協定處理

本文假設您已在 PWA Web 應用程式資訊清單中定義通訊協定處理常式,並且正在使用 DevTools 偵錯您的應用程式。 若要瞭解如何在 PWA 中定義和註冊通訊協定,請參閱 處理 PWA 中的通訊協定

使用 應用程式 工具來驗證和測試 Microsoft Edge 已成功將您的應用程式註冊為 Web 應用程式資訊清單中所定義通訊協定的處理常式。

另請參閱:

確認正確定義通訊協定處理常式

如果您尚未在 PWA Web 應用程式資訊清單中定義通訊協定的處理常式, 應用程式 工具會注意到尚未定義通訊協定,並將提供有關如何更新 Web 應用程式資訊清單的其他資訊。

如果您已在 Web 應用程式資訊清單中正確定義通訊協定, 應用程式 工具會報告 Microsoft Edge 找到有效的通訊協定處理常式註冊,而且您可以使用已安裝的 PWA 測試這些通訊協定處理常式。

若要確認您已正確定義通訊協定處理常式:

  1. 在 Microsoft Edge 中,移至您的 PWA。 您可以使用 PWAmp 示範應用程式

  2. 開啟 DevTools (F12) 。

  3. [活動列] 上,選取 [應用程式 ] 工具。

  4. 在左側的樹狀結構中,展開 [資訊清單],然後選取 [ 通訊協定處理常式]。

    [ 資訊清單] 頁面會向下捲動至 [通訊協定處理常式 ] 區段。

    • 如果尚未在 Web 應用程式資訊清單中定義通訊協定處理常式,或定義不正確,則會顯示下列訊息:「在資訊清單中定義通訊協定處理常式,以便在安裝您的應用程式時,將應用程式註冊為自訂通訊協定的處理常式。」

      [通訊協定處理常式] 區段,但未定義通訊協定

    • 如果已在 Web 應用程式資訊清單中成功定義通訊協定處理常式,則會顯示下列訊息:「在資訊清單中找到有效的通訊協定處理常式註冊。 安裝應用程式之後,請測試已登錄的通訊協定。」

      [通訊協定處理常式] 區段,具有已定義的通訊協定

從應用程式工具測試通訊協定

若要測試您已定義的通訊協定處理常式,請使用應用程式工具 > [資訊清單] 頁面>的 [通訊協定處理常式] 區段。

若要從應用程式工具測試您的通訊協定處理常式,您必須先安裝 PWA;請參閱Microsoft Edge 中使用漸進式Web Apps (PWA) 安裝 PWA

應用程式工具會從 Web 應用程式資訊清單中偵測所有通訊協定處理常式。

若要測試通訊協定處理常式:

  1. 在 Microsoft Edge 中開啟 PWA。 您可以使用 PWAmp 示範應用程式

  2. 安裝 PWA;請參閱在 Microsoft Edge 中使用漸進式Web Apps (PWA) 安裝 PWA

  3. 開啟 DevTools (F12) 。

  4. [活動列] 上,選取 [應用程式 ] 工具。

  5. 在左側的樹狀結構中,展開 [資訊清單],然後選取 [ 通訊協定處理常式]。

    [ 資訊清單] 頁面會向下捲動至 [通訊協定處理常式 ] 區段。

  6. 在下拉式清單中,選取要測試的通訊協定。

  7. 在文字方塊中輸入 URI 的其餘部分,然後按一下 [ 測試通訊協定 ] 按鈕:

    從應用程式工具測試自訂 Web+amp 通訊協定

    在上述範例中,正在測試下列 URI:

    web+amp://files.freemusicarchive.org/storage-freemusicarchive-org/music/no_curator/Kevin_MacLeod/Jazz_Sampler/Kevin_MacLeod_-_AcidJazz.mp3

    PWA 隨即啟動。 視作業系統 (作業系統) 而定,您可能需要允許 Microsoft Edge 開啟 PWA,並接受任何作業系統層級權限,才能將應用程式註冊為通訊協定的處理常式。

另請參閱

Windows 部落格:

MDN: