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

Sofia Emelianova
Sofia Emelianova

漸進式網頁應用程式 (PWA) 是以新式 API 建構及強化的網頁應用程式,可提供增強的功能、可靠性和可安裝性,讓您透過單一程式碼集觸及任何地點的使用者,且不受裝置限制。

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

開發人員工具可以:

  • 檢查應用程式的資訊清單檔案,確保應用程式可供安裝。例如:
    • 查看不同平台的圖示。
    • 找出錯誤。
    • 使用說明和螢幕截圖,設定內容更豐富的安裝 UI。
  • 測試做為應用程式與網路之間 Proxy 的 Service Worker。例如:
    • 檢查工作站註冊狀態。
    • 查看工作站版本和活動。
    • 重新載入時更新工作站版本。
    • 透過模擬離線模式或略過工作站,對網路連線進行偵錯。
    • 測試網路訊息。

詳情請參閱: