Chrome上使用PWA
03-17
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
然後重啟瀏覽器!
體驗一把
瀏覽器打開:https://mobile.twitter.com
安裝到桌面:安裝完後桌面有一個圖標:
這個twitter lite就是一個採用了PWA技術的Web應用程序,具有PWA的所有特性。
更多內容
推薦閱讀:
※前端日刊-2017.11.25
※CSS 魔法師(技術周刊 2018-03-02)
※第二期 - 曲徑通幽
※奇舞周刊第 246 期: 無障礙設計 & 前端數據流哲學
※【前端資訊】TypeScript 2.7 發布