國內的一些 Progressive Web App

什麼是 PWA

前不久了解到 Progressive Web App 這個在2015年就已經由 Chrome 項目組提出來的概念，A selection of Progressive Web Apps 這個站點上收錄了許多支持 PWA 的網站，不乏有可用性非常高的 Telegram Web 和知名的 Flipboard 應用的網頁版。

PWA 是什麼？直譯過來就是漸進式網路應用。特性有很多，想要了解具體的直接看 Progressive Web App, 這裡只舉我最看重的幾點：

• 輕量 & 離線可用

跟普通的網頁沒啥區別，載入快。而且不像 Hybrid App 那樣還是依賴於一個本地的 App 殼子，需要你去 App Store 安裝

PWA 在 Android 上保存到 Home Screen 之後就會自動編譯生成一個 APK 安裝進系統中，也就意味著，它不止是一個網頁，而已經成為了一個本地應用，離線狀態下也是可用的（當然依賴於網路的東西就不行了）。而這一過程相當快，所要耗費的網路流量也遠遠小於 Native/Hybrid App

• 本地通知支持

在添加在本地之後，PWA 就擁有了本地通知能力，因為在 Android 上是通過 GCM 實現的，所以國內這點並不好用，微博 PWA 就乾脆沒有寫通知的功能

• All in Browser

其實這點就是第一點的補充，一個瀏覽器干所有的活，不用裝那麼多又大更新還要開 App Store 的應用。而這一點也包括在所有平台上都有同樣的用戶體驗，雖然目前的 PWA 界面多是為移動設備而設計，但是至少我在 PC 上能一樣很方便的用到它，而不是通過虛擬機或者其他手段。

我記得在早期 iPhone 剛發布的時候，Apple 的想推廣的就是 Web App, 讓用戶可以用一個 Safari 干所有的活（可笑的是現在 iOS 還沒支持 PWA），可惜當時的前端遠遠沒有今天那麼多好用新穎的技術，那時的移動設備性能也滿足不了使用非原生代碼的開銷，所以最後 Apple 妥協了，推出了 App Store 直到今天。而現在 PWA 的推出，多了一個「漸進式」的前綴形容詞，沒有前幾年強推 Web App 的那種勢頭，更加務實的風格更能被人們接受。

目前比較有用的 PWA 站點

• 微博 Lite
• Bilibili Web 版
• 餓了么
• Twitter Lite

其他的可以上 A selection of Progressive Web Apps 看，雖然好像都是國外的而且好久沒有更新了。

怎麼安裝

非常簡單，用你的 PC 版 Chrome 或者 Chrome Android 打開上一節的隨意一個站點，等待一會兒就會有一條提示你可以添加到主界面的橫幅在下方出現，點擊即可。或者你可以手動使用「添加到主界面」的功能來實現。

>>> endl;