2003 年 3 月,Nick Finck 和 Steve Champeon 以循序漸進的概念來推動網頁設計世界,這種網路設計策略優先考量的是核心網頁內容,然後逐漸加入更精細、技術層面更嚴謹的簡報與功能。然而在 2003 年,先進的改進項目就是採用現代 CSS 功能、無幹擾的 JavaScript,甚至是可擴充向量圖形。在 2020 年,漸進式強化要採用新型瀏覽器功能。
在本次談話中,我們會示範一張賀卡網頁應用程式範例,如何逐步改善這個應用程式,讓這個應用程式可在所有新式瀏覽器中保持實用性,但可在支援原生檔案系統存取、系統剪貼簿存取、聯絡人擷取、定期背景同步處理、螢幕喚醒鎖定、分享功能等功能的瀏覽器中提供進階體驗。
看過這場講座後,開發人員將充分瞭解如何運用新的瀏覽器功能逐步強化網頁應用程式,同時避免部分使用者因使用不相容的瀏覽器而造成下載負擔,最重要的是,而且他們在一開始完全不使用網頁應用程式。
資源:
- GitHub 上的 Fugu 問候語 → https://goo.gle/2VkuwYM
- 新功能狀態 → https://goo.gle/3dEcyH2
- 影片文案 → https://web.dev/progressively-enhance-your-pwa/
觀看 Web.dev 直播第 2 天播放清單
揚聲器:Thomas Steiner