web 應(yīng)用體驗(yàn)上不如原生應(yīng)用
傳統(tǒng) web 應(yīng)用
- 依賴網(wǎng)絡(luò)來加載內(nèi)容腥沽。弱網(wǎng)環(huán)境加載慢萧恕,離線無法訪問等問題
- 不能添加到桌面姑子,用戶需要通過 url 來獲取內(nèi)容乎婿。
- 消息推送能力缺失。
原生應(yīng)用
- 體驗(yàn)好
- 開發(fā)成本較高
- 動態(tài)性較差
- 需要下載安裝
由于以上的問題背景街佑,谷歌為了縮小 web 應(yīng)用于原生應(yīng)用的差距谢翎,希望 web 應(yīng)用可以盡可能的有原生應(yīng)用的體驗(yàn),故提出 漸進(jìn)式 web 應(yīng)用(PWA)的概念沐旨。
PWA 的特性
ServiceWorker
可編程的網(wǎng)絡(luò)代理森逮,離線化支持。
緩存
預(yù)加載
APP Manifest
定義 web 應(yīng)用的表現(xiàn)和行為
添加桌面圖標(biāo)
閃屏動畫磁携、全屏瀏覽等
Push & Notification
消息推送
消息通知
Offline Cache
離線緩存
借助 ServiceWorker 的離線化能力
實(shí)現(xiàn)緩存和預(yù)加載
使用戶在離線的情況也能使用部分功能