簡介
全稱:Progressive Web App 漸進式網頁應用
一個 PWA 應用首先是一個網頁, 可以通過 Web 技術編寫出一個網頁應用. 隨後添加上 App Manifest 和 Service Worker 來實現 PWA 的安裝和離線等功能
例如微博、餓了麼 現在都已經使用了PWA技術:
使用PWA 不使用PWA
將微博、新浪網址打開保存至桌面,分別打開,如上圖所示:
微博無需重新加載、新浪需要重新加載且新浪上方沒有瀏覽器的地址欄、工具條,似乎和Native App一樣運行在一個獨立的容器中。這就是PWA。
PWA解決的問題:
- 可以添加至主屏幕,點擊主屏幕圖標可以實現啓動動畫以及隱藏地址欄
- 實現離線緩存功能,即使用戶手機沒有網絡,依然可以使用一些離線功能
- 實現了消息推送
PWA特點:
快速、可靠、粘性
PWA支持度:
Chrome、Firefox、百度、微信、QQ瀏覽器、UC、Safari、Opera等主流瀏覽器都已支持
PWA只支持https