開發人員工具提示:對 PWA 進行偵錯

Sofia Emelianova
Sofia Emelianova

漸進式網頁應用程式 (PWA) 是採用新式 API 建構及強化的網頁應用程式,可提供更強大的功能、可靠性和可安裝性,讓您不受裝置與地點的限制觸及所有使用者,而且只需使用單一程式碼庫即可。

觀看影片,瞭解如何使用 Chrome 開發人員工具對這些應用程式進行偵錯。

您可以使用開發人員工具執行下列操作:

  • 檢查應用程式的資訊清單檔案,確認應用程式可供安裝。例如:
    • 查看不同平台的圖示。
    • 擷取錯誤。
    • 設定更豐富的安裝 UI,包括說明和螢幕截圖。
  • 測試服務工作站,這些工作站會充當應用程式與網路之間的 Proxy。例如:
    • 檢查 worker 註冊。
    • 檢查 worker 版本和活動。
    • 重新載入時更新 worker 版本。
    • 模擬離線模式或略過 worker,以便對網路連線進行偵錯。
    • 測試網路訊息。

如需更多資訊,請參閱: