測試漸進式 Web 應用程式 (PWA) 通訊協定處理
本文假設您已在 PWA Web 應用程式資訊清單中定義通訊協定處理常式,並使用 DevTools 對您的應用程式進行偵錯。 若要瞭解如何在 PWA 中定義和註冊通訊協定,請參閱處理漸進式Web Apps中的通訊協定。
使用 應用程式工具 來確認並測試 Microsoft Edge 是否已成功將您的應用程式註冊為 Web 應用程式資訊清單中所定義通訊協定的處理常式。
確認已正確定義通訊協定處理常式
如果您尚未在 PWA Web 應用程式資訊清單中定義通訊協定的處理常式, 應用程式工具會 注意到通訊協定尚未定義,並會提供有關如何更新 Web 應用程式資訊清單的其他資訊。
如果您已在 Web 應用程式資訊清單中正確定義通訊協定, 應用程式工具會 報告 Microsoft Edge 已找到有效的通訊協定處理常式註冊,而且您可以使用已安裝的 PWA 來測試這些通訊協定處理常式。
若要確認您已正確定義通訊協定處理常式:
- 在 Microsoft Edge 中流覽至您的 PWA。 您可以使用 PWAmp 示範應用程式。
- 開啟 DevTools (F12) 。
- 開 啟應用程式 工具。
- 按一下 [資訊清單 ] 展開下拉式清單。
- 按一下 [通訊協定處理常式]。
如果尚未在 Web 應用程式資訊清單中定義通訊協定處理常式,或定義不正確,則會顯示下列訊息:
如果已在 Web 應用程式資訊清單中成功定義通訊協定處理常式,則會顯示下列訊息:
[ 通訊協定處理常式] 區 段也可讓您測試已定義的通訊協定處理常式。
從應用程式工具測試通訊協定
若要從 應用程式工具測試 您的通訊協定處理常式,您必須已經安裝 PWA。 若要瞭解如何安裝 PWA,請參閱 安裝 PWA。
應用程式工具會偵測 Web 應用程式資訊清單中的所有通訊協定處理常式。 若要測試處理常式:
- 在 Microsoft Edge 中流覽至您的 PWA,然後開啟 DevTools (F12) 。 您可以使用 PWAmp 示範應用程式。
- 開啟應用程式工具,然後按一下 [資訊清單>通訊協定處理常式]。
- 從下拉式清單中選擇,以選取您想要測試的通訊協定。
- 在文字中輸入 URI 的其餘部分,然後按一下 [測試通訊協定]。 這會啟動您的 PWA。 根據作業系統 (OS) ,您可能需要允許 Microsoft Edge 開啟 PWA,並接受任何作業系統層級許可權,以將您的應用程式註冊為通訊協定的處理常式。
在下列螢幕擷取畫面中 web+amp://files.freemusicarchive.org/storage-freemusicarchive-org/music/no_curator/Kevin_MacLeod/Jazz_Sampler/Kevin_MacLeod_-_AcidJazz.mp3
,正在測試 URI。