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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

開發人員工具可以：

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

詳情請參閱：