Chrome上使用PWA

PWA是什麼

PWA(Progressive Web Apps)是 Google 最近在提的一種 Web App 形態 (或者如 Wikipedia 所稱的「軟體開發方法」)。PWA 意圖讓 Web 在保留其本質(開放平台、易於訪問、可索引)的同時, 在離線、交互、通知等方面達到類似 App 的用戶體驗。按 Google 官方的解釋 PWA 具有這些特性:Reliable, Fast, Engaging。具體技術包括 Service worker、 Web App Manifest、 Cache API、 Fetch API、 Push API、 Web Push Protocol、 Notification等。

簡單點就是:像APP一樣可被添加到手機桌面或者電腦桌面的網站

安裝一個PWA應用看看

第一部:升級到最新版本chrome

瀏覽器地址打開:chrome://settings/help

第二部:開啟

瀏覽器地址打開:chrome://flags/,打開後長這樣:

然後搜索progressive,紅色部分設置為Enable

然後重啟瀏覽器!

體驗一把

瀏覽器打開:mobile.twitter.com

安裝到桌面:

安裝完後桌面有一個圖標:

這個twitter lite就是一個採用了PWA技術的Web應用程序,具有PWA的所有特性。

更多內容?

medium.com


推薦閱讀:

前端日刊-2017.11.25
CSS 魔法師(技術周刊 2018-03-02)
第二期 - 曲徑通幽
奇舞周刊第 246 期: 無障礙設計 & 前端數據流哲學
【前端資訊】TypeScript 2.7 發布

TAG:前端工程師 | 前端開發 |