Matrix 是少數派的寫(xiě)作社區，我們主張分享真實(shí)的產(chǎn)品體驗，有實(shí)用價(jià)值的經(jīng)驗與思考。我們會(huì )不定期挑選 Matrix 最優(yōu)質(zhì)的文章，展示來(lái)自用戶(hù)的最真實(shí)的體驗和觀(guān)點(diǎn)。
文章代表作者個(gè)人觀(guān)點(diǎn)，少數派僅對標題和排版略作修改。
大家好，我是 Alan，這里是《Android weekly update》專(zhuān)欄計劃第二十四期。
時(shí)至今日，不少智能手機用戶(hù)對類(lèi)似「小程序」或是「快應用」這樣的輕便型應用都已經(jīng)或多或少有所體驗：這類(lèi)大都主打「開(kāi)袋即食」的應用，多是基于 html 網(wǎng)頁(yè)打造而來(lái)，而說(shuō)到基于網(wǎng)頁(yè)實(shí)現的應用，就不得不提到這一領(lǐng)域最早發(fā)起的標準之一 —— PWA。
PWA 是漸進(jìn)式網(wǎng)頁(yè)應用（Progressive Web Apps）的縮寫(xiě)，從 Google 2015 年推出這一技術(shù)標準以來(lái)，已經(jīng)有不少應用服務(wù)推出了 PWA 版本應用，來(lái)讓更多可以運行 web 網(wǎng)頁(yè)的設備也能獲得類(lèi)似原生應用的使用體驗，與此同時(shí)，也讓很多已經(jīng)有在使用原生應用的用戶(hù)，多了一種更加輕量化的選擇；同時(shí)，PWA 應用相比于內嵌于微信的小程序來(lái)講，所能調用的系統權限更多，實(shí)現的效果也更加接近原生應用。
如今，你已經(jīng)很難單從圖標來(lái)分辨 PWA 應用與原生應用，即使是進(jìn)入主界面也難辨彼此
由于 PWA 基于網(wǎng)頁(yè)的本質(zhì)，所以隨之而來(lái)的 PWA 生態(tài)也有著(zhù)輕量級、免安裝、以及內容主導型服務(wù)的明顯特征，我們能看到積極將 PWA 作為開(kāi)發(fā)方向的應用/服務(wù)也多以以下幾個(gè)方向為主：
出行類(lèi)（Uber / Lyft）
外賣(mài) / 點(diǎn)餐（星巴克 / 餓了么）
新聞/閱讀類(lèi)（少數派 / Flipboard）
筆記類(lèi)（語(yǔ)雀 / Flomo）
社交平臺（微博 / Instagram）
經(jīng)過(guò)數年發(fā)展，PWA 生態(tài)也已經(jīng)初具規模，同時(shí)在發(fā)展中也逐漸加入了響應速度提升、可以離線(xiàn)訪(fǎng)問(wèn)，支持后臺通知/調用硬件接口等功能，在使用體驗上更加輕量級的同時(shí)加入了更多體驗優(yōu)化。
比如說(shuō)在瀏覽網(wǎng)頁(yè)時(shí)頁(yè)面頂部彈出的推薦安裝應用提示，這也是許多開(kāi)發(fā)者引導用戶(hù)下載應用的主要方式之一。
iOS 在瀏覽網(wǎng)頁(yè)內容時(shí)所彈出的安裝提示
而當你打開(kāi)支持 PWA 應用的網(wǎng)站時(shí)，PWA 應用同樣也可以在底部彈出安裝通知，提示你當前有可供安裝的 PWA 版本應用，在此基礎上，Google 還在今年 3 月推出了樣式更加接近原生應用展示效果的 PWA 安裝提示，讓用戶(hù)可以通過(guò)一個(gè)彈出界面，快速了解 PWA 版本應用的功能以及界面預覽。
多平臺體驗
毋庸置疑，全平臺運行可以說(shuō)是 PWA 相比于其他形式容易受到平臺限制的應用生態(tài)最大的優(yōu)勢之一：某種意義上來(lái)講，你只要有一個(gè)能夠運行圖形化瀏覽器的設備，你就能用到一個(gè) PWA 應用的基本功能。
而這一優(yōu)勢，具現到我們的日常生活中，則是 PWA 更加容易快速實(shí)現「全平臺覆蓋」：隨著(zhù) PWA 由 Google 發(fā)起，在數年中逐漸被微軟與蘋(píng)果作為一種新興技術(shù)標準接納到自家平臺中，PWA 的全平臺覆蓋效果已經(jīng)基本成型。只是在「接納」PWA 在自家平臺這件事上，三家平臺基于利益/技術(shù)上的種種考慮，具體實(shí)現的效果也不盡相同。
在 Android / Windows 上，得益于 Google / 微軟對于 PWA 這一技術(shù)標準的強力推動(dòng)，在 Windows 10 與 Android/Chrome OS 上，我們都能獲得「PWA 應用最佳體驗」：Google 希望更加輕量級的 PWA 能進(jìn)一步覆蓋以 Android Go 為主打平臺的入門(mén)級智能機市場(chǎng)應用生態(tài)，以及仍然嚴重依賴(lài) Chrome 瀏覽器的 Chrome OS 生態(tài)；而微軟則有野心更大、且同樣對標 Chrome OS 的 Windows 10 X系統需要 PWA 這樣的應用來(lái)豐富其生態(tài)。
比如 Twitter 的 Shoutcuts，在 Windows 與 Android 上都有支持
而在 iOS 端，雖然 iOS 很早便支持將書(shū)簽直接放置在主界面，但如今對于體驗更進(jìn)一步的 PWA 應用體驗 上，iOS 的支持只能說(shuō)是不盡人意，用戶(hù)想要安裝 PWA 應用，仍然只有通過(guò)添加書(shū)簽的方式來(lái)將 PWA 圖標添加到桌面上。
除此之外，Android 系統已經(jīng)在數年的長(cháng)期升級迭代中，為 PWA 開(kāi)發(fā)者開(kāi)放了不少 Android 系統原生特性，如系統硬件權限、Shoutcuts 等，幫助開(kāi)發(fā)者打造出更加接近原生應用的 PWA；而 iOS 在此方向上一直停滯不前，直接導致了 PWA 應用在 iOS 上部分體驗缺失。
這些在 iOS 上長(cháng)期缺失的特性，也限制了 PWA 進(jìn)一步在 iOS 上追平原生應用的使用體驗。有人說(shuō)這是蘋(píng)果為了維護自家 App Store 應用生態(tài)「樂(lè )園」，從而鉗制 PWA 生態(tài)的舉措，不過(guò)這并非本文想要討論的重點(diǎn)，暫且按下不表。
不過(guò)，總體來(lái)講，在 iOS 系統在 11.3 版本支持了 PWA 應用之后，目前所能實(shí)現的效果雖然不及 Android 端 PWA 的完善，但也獲得了與原生應用接近的使用體驗，PWA 應用所能實(shí)現的效果，也比傳統的網(wǎng)頁(yè)書(shū)簽來(lái)得更加美觀(guān)實(shí)用。
說(shuō)到這里，如果你要獲得最佳的 PWA 應用體驗的話(huà)，由于 Google 自家出品的 Chrome 內建 PWA 支持最為完整，在很多平臺上，Chrome 都是體驗 PWA 應用的最佳「載體」。
但凡事還是有例外：比如，在 Windows 10 平臺中，采用 Chromium 內核的新版 Edge 瀏覽器不僅支持 PWA 較為完善，而且還支持在不調起瀏覽器本身進(jìn)程的同時(shí)啟動(dòng) PWA 應用，相比于基于 Chrome 安裝的 PWA 應用打開(kāi)時(shí)還會(huì )同時(shí)喚起 Chrome 本體來(lái)講，實(shí)際體驗更接近原生應用。
此外，桌面端還有 Stack 這樣基于 Chromium 內核、但通過(guò)界面設計與快捷鍵使用，對 PWA 應用優(yōu)化令人眼前一亮的瀏覽器，可以讓你在桌面端的大屏幕上同時(shí)以最佳的屏幕比例運行多個(gè) PWA 應用，也不失為 PWA 應用值得嘗試的另一種打開(kāi)方式。
有鑒于此，Alan 在正式推薦 PWA 應用之前，先選出了不同平臺分別最適合體驗 PWA 應用的瀏覽器：
Android：Chrome 瀏覽器
iOS：Safari 瀏覽器
Windows 10：Edge 瀏覽器 / Chrome 瀏覽器 / Stack 瀏覽器
macOS：Chrome 瀏覽器 / Stack 瀏覽器
Linux：Chrome 瀏覽器
Windows 10 Mobile：隨意
PWA 應用去哪兒找
了解系統生態(tài)是否完善，當然要先去應用商店看看。所以想要了解 PWA 并快速上手，當然不能只靠 Chrome 瀏覽器在你打開(kāi)一個(gè)支持 PWA 應用時(shí)彈出的安裝提示；更快速的方式是：通過(guò)「應用商店」來(lái)快速獲取到你可能用得上的 PWA 應用。
不出意外地，PWA 應用的應用商店本身自然也是 PWA 應用，而且由于 PWA 本身「免安裝」的特征，PWA 應用更像是一個(gè)網(wǎng)站導航頁(yè)面，即便如此，隨著(zhù) PWA 優(yōu)秀應用越來(lái)越多，PWA 應用商店還是起到了一個(gè)繁茂的應用生態(tài)中不可或缺的導航作用，并越發(fā)接近我們所熟知應用商店的模樣。
AppScope
?? 安裝鏈接
AppScope 就是近年來(lái)出現的 PWA 應用商店中最值得介紹的那一個(gè)：因為它無(wú)論是從 UI 界面設計、應用詳情頁(yè)、以及應用推薦機制（熱門(mén)應用/新應用），以及應用詳情頁(yè)來(lái)看，都無(wú)愧于「應用商店」這一稱(chēng)號，甚至已經(jīng)可以與 Play Store 或 App Store 相提并論。
除了商店本身有著(zhù)較高水準之外，AppScope 在上架應用審核上也相對最為嚴格，這樣做的主要好處就是你在 AppScope 中找到的 PWA 應用，在適配程度上都更加完善，整體使用體驗更好。如果你也在尋覓優(yōu)秀的 PWA 應用，那 AppScope 一定是你不容錯過(guò)的一個(gè)去處。
PWA Directory
而另一個(gè)較為知名的 PWA 應用獲取渠道 PWA Directory 就相對更加「隨性」，收錄標準相對更低；所以你能在這里找到很多并非 PWA 的 web 應用。
不過(guò)作為老牌 PWA 資源站，PWA Directory 還會(huì )在應用詳情頁(yè)展示應用的網(wǎng)頁(yè)性能以及運行速度測試，你甚至還能在這里找到 PWA 應用的部分代碼；此外 PWA Directory 也支持直接上傳 PWA 應用，如果你也有自己的 PWA 應用想要推薦給更多人，你也可以在通過(guò)添加網(wǎng)址的方式將應用收錄在這里；因此在 PWA Directory 中你偶爾還能看到做了 PWA 優(yōu)化的個(gè)人 blog ……
PWA 集散地
對于國內用戶(hù)，PWA AppStoreCN 可能也是一個(gè)額外值得一提的選擇：這是一個(gè)界面與 App Scope 類(lèi)似，但主要收錄國內互聯(lián)網(wǎng) PWA 應用的站點(diǎn)，同時(shí)在應用詳情頁(yè)表明了此 PWA 對 iOS/Android 是否兼容。
不足之處在于，此站點(diǎn)只對手機設備做了優(yōu)化，同時(shí)收錄的 PWA 資源素質(zhì)也良莠不齊，但無(wú)論如何，仍然是一個(gè)值得探索一番的 PWA 應用站。
PWA Stats
除此之外，你還可以前往 PWA Stats 找到更多 PWA 應用；這個(gè)網(wǎng)站主要收錄 PWA 應用的開(kāi)發(fā)動(dòng)態(tài)與實(shí)例，你還能從這里找到 Google 與 餓了么 合作開(kāi)發(fā) PWA 的相關(guān)細節以及「為什么應用開(kāi)發(fā)商仍然想讓你安裝原生應用」的 文章，是一個(gè)偏開(kāi)發(fā)者向的 PWA 資源站。
PWA 應用推薦
YouTube Music
YouTube 與衍生音樂(lè )流媒體服務(wù) YouTube Music 絕對很多用戶(hù)在桌面端/移動(dòng)端都經(jīng)常使用的選擇，但無(wú)論是在 Windows 還是在 macOS 都一直沒(méi)有相應的桌面端應用，對于不少重度使用的用戶(hù)來(lái)講還是有些許不方便。
其實(shí)，這一需求 YouTube 已經(jīng)有對應的 PWA 應用來(lái)解決，并且也借助 PWA 全平臺的特性，無(wú)論是在 Windows 還是在 macOS 上，都能獲得相同的使用體驗。
作為一款基于網(wǎng)頁(yè)的播放器，PWA 版 YouTube 的完成度可以說(shuō)是非常高了，不足之處在于相比 Android 端 YouTube Music 。PWA 版本無(wú)法讀取本地的音樂(lè )文件作為播放器來(lái)使用，但支持讀取音樂(lè )文件并將其上傳至 YouTube Music 中。
同時(shí)，同樣未發(fā)布 Windows 版的 Apple Music 其實(shí)也有 web 版本可供選擇，只是 Apple Music 的 web 版并未針對 PWA 做出適配，在使用體驗上自然也差了一些。
Google News
除了 YouTube 之外，PWA 作為 Google 自家技術(shù)，Google 旗下不少服務(wù)都有推出適用于 PWA 的版本，Google News 作為新聞閱讀平臺更適合 PWA 這種輕量級的應用模式。
值得一提的是，其實(shí) Google 自家的不少網(wǎng)頁(yè)資源，例如往年 I/O 大會(huì )的現場(chǎng)指南網(wǎng)站、Google 開(kāi)發(fā)者 等資源站點(diǎn)，都經(jīng)常能看到其有做 PWA 的支持，方便用戶(hù)快速將網(wǎng)頁(yè)內容添加到手機上，以便更加快速的獲取到相關(guān)信息。
Twitter 毫無(wú)疑問(wèn)是 PWA 領(lǐng)域中最早入局的玩家之一，并且也一直有在跟隨 PWA 應用開(kāi)發(fā)的各種新特征來(lái)迭代自己的 PWA 應用，使其成為了聊到 PWA 應用就不得不提的「模范應用」之一。
和同樣做了 PWA 首批適配的同類(lèi)平臺微博 Lite 相比，Twitter 除了率先適配前面提到的新 PWA 安裝推薦樣式之外，Twitter 的 PWA 應用在過(guò)去還適配了 Shoutcuts 以及應用通知等功能（當然官方客戶(hù)端時(shí)間線(xiàn)混亂等「特性」也被直接繼承了過(guò)來(lái)），足以稱(chēng)得上是 PWA 應用中各項特性適配最完善的開(kāi)發(fā)者。
CrossNote
一款 PWA 筆記應用，可以以瀏覽器的樣式同時(shí)開(kāi)啟多個(gè)文檔界面或是同時(shí)拆分屏幕顯示多個(gè)文檔；支持 Markdown 語(yǔ)法，以及借助關(guān)聯(lián)圖整理文檔；同時(shí)提供了源代碼/預覽兩種顯示模式。
此外，CrossNote 內所有筆記都只會(huì )在瀏覽器本地存儲，不會(huì )上傳到云端。
語(yǔ)雀
語(yǔ)雀是一個(gè)學(xué)習筆記整理服務(wù)，推出 PWA 應用作為一款在線(xiàn)編輯器來(lái)講稱(chēng)得上功能強大，支持從本地導入多種格式的文檔。
值得一提的是，可以借助 PWA 離線(xiàn)功能這一特性，在離線(xiàn)編輯的情況下將編輯內容暫時(shí)保存至本地；不過(guò)相比于桌面端界面，PWA 應用的移動(dòng)端編輯界面目前還較為簡(jiǎn)陋。
Flomo 浮墨筆記
和上面兩款筆記 PWA 應用不太相同，Flomo 是一款主打「無(wú)壓力記錄」的筆記服務(wù)，幫助用戶(hù)隨時(shí)隨地完成靈感碎片的記錄，但要做到「隨時(shí)隨地」，自然是要盡可能覆蓋到更多的平臺，PWA 應用就是開(kāi)發(fā)團隊所選擇的另一種補充方案。
Flomo 開(kāi)發(fā)團隊也發(fā)布了 安裝教程 來(lái)快速安裝 PWA 應用，作為與功能理念的對應，Flomo 的功能非常簡(jiǎn)單，其「快速記錄靈感」的目的也與 PWA 這一應用模式的初衷暗合，算是 PWA 筆記應用中相對特殊的一個(gè)存在。
Microsoft Office
前面有提到，微軟基于自身戰略考慮，也一直在推動(dòng) PWA 生態(tài)發(fā)展，作為著(zhù)名的「iOS/Android 開(kāi)發(fā)者」，構建生態(tài)這種事微軟自己下場(chǎng)其實(shí)也沒(méi)什么奇怪的：Office PWA 版本就是這樣的一個(gè)產(chǎn)物。
在使用過(guò)程中，這個(gè) PWA 版本的 Office 主要是借助各種組件的 web 版本，點(diǎn)擊之后則會(huì )自動(dòng)跳轉到瀏覽器中開(kāi)啟新的窗口，來(lái)完成整套 Office 套件的使用，PWA 版 Office 應用本身更像是一個(gè)收納了所有 Office 旗下服務(wù)的「中轉站」。
好在，微軟對于 web 版 Office 本身在功能優(yōu)化與完善上都值得稱(chēng)道，而 Android / iOS 等移動(dòng)平臺上 Office 套件對應的原生應用也非常成熟，PWA 應用在這樣的情況下充當一個(gè)輕量級的補充應用，搭配 web 應用，覆蓋更多原生應用無(wú)法使用的場(chǎng)景，也算是滿(mǎn)足其設計目的了。
Newsfeeder
Newsfeeder 是基于 PWA 實(shí)現的一款 RSS 閱讀器，UI 界面采用了 Material Design 設計語(yǔ)言，同時(shí)支持導入/導出 OPML 文件。
除了直接搜索 RSS 訂閱鏈接之外，Newsfeeder 還支持以 feed 的形式訂閱 Twitter 推文、Reddit 動(dòng)態(tài)等信息流內容，算是一款輕量級但仍然能高效聚合新聞的 RSS 閱讀器。
總結
除了上述介紹這些 PWA 應用之外，少數派之前也有作者撰文介紹了一些如 Google Map、Telegram、Slack 等支持 PWA 較好的應用/服務(wù)，你可以在 這篇文章 找到它們的詳細介紹與安裝地址。
最后，還有不少 PWA 游戲以各種的方式活躍在用戶(hù)的各種設備上；但不要抱太高期待：因為這些 PWA 游戲本質(zhì)上都是基于 HTML5 網(wǎng)頁(yè)制作而成，所以基本上都難逃「小游戲」的范疇；但這不代表 PWA 游戲不值得一試。
在這其中，知名度較高的有 Google 出品的 Doodle 小游戲《Cricket》以及難度略高的疊塔游戲《Tower Game》。
還有判斷出現在《Rick and Morty》中的角色「死或生」的小游戲 ……
從過(guò)去數年 PWA 逐漸成熟的應用生態(tài)/開(kāi)發(fā)環(huán)境可以看到；不少知名服務(wù)推出的 PWA 版本應用，或多或少地都存在「引導下載原生應用」的情況。
不過(guò)這種情況本身無(wú)可厚非：因為開(kāi)發(fā)者往往對原生應用開(kāi)發(fā)投入了更多精力，且當前 PWA 應用可謂「成也輕量級，敗也輕量級」，無(wú)論是從功能性還是運行性能上，當前的 PWA 仍然很難與大型原生應用相提并論。
這種情況下，我們對于 PWA 這一相對仍然「新鮮」的應用種類(lèi)，可以說(shuō)已經(jīng)有了更加清晰的定位：對于小開(kāi)發(fā)者來(lái)講，PWA 應用可能是其覆蓋多平臺乃至全平臺的解決方案；對于大/中開(kāi)發(fā)機構來(lái)講，PWA 更多時(shí)候適合充當在原生應用覆蓋不到的角落，作為一種備選方案來(lái)提供給用戶(hù)。
在 PWA 的優(yōu)勢與劣勢非常明顯地并存著(zhù)的同時(shí)，PWA 在未來(lái)的發(fā)展中不會(huì )消失，但也會(huì )繼續在「輕量級」這一擂臺上繼續存在下去，相信也會(huì )有更多開(kāi)發(fā)者借助這一平臺開(kāi)發(fā)出更多輕量級但讓人眼前一亮的 PWA 應用。
下周見(jiàn)～
聯(lián)系客服
