PWA 彙整 - Let's Write

Category:PWA

探索如何使用 PWA 技術來打造優秀的 Web App。本文詳細解釋了創建 icon 圖檔、manifest.json、sw.js，註冊 Service Worker，以及使用 Lighthouse 檢查 PWA 使用狀況的步驟。

深入探索 PWA 的 Manifest.json 應用，學習如何設定應用程式的主要顏色、啟動畫面、圖示、名稱等，並了解 Chrome 主動提示加入主畫面的條件和功能。

學習如何使用 Pusher 快速實現 Web Push 通知功能。本文將指導你從建立 Pusher Beams App 到發送實際的推播通知的每一步，並探討不同瀏覽器的支援度。

探討 PWA 和 Web Push 的技術，學習如何透過這些現代 Web 技術來提升用戶體驗和參與度。本文提供了 PWA 和 Web Push 的基本概念、實作方法和實際應用案例。

探索如何使用 Workbox 管理 PWA 的快取參數，包括設定 Route Requests、自訂快取名稱、切換 debug 模式、處理跨域快取和設定快取限制。學習在離線時向 GA 發送請求和在 Workbox CLI 上使用參數的技巧。

探索如何使用 Workbox CLI 快速建立 Service Worker，學習安裝、配置和生成 sw.js 的詳細步驟。本文為你提供了實現 PWA 基礎功能的完整指南。

學習如何使用 Workbox 實現 PWA 的快取功能。本文詳細介紹 Workbox 的基本概念、安裝和使用方法，幫助開發者預緩存和動態緩存資源，增強 web 應用程序的性能。