PWA學習之路(一)

簡介

全稱:Progressive Web App 漸進式網頁應用
一個 PWA 應用首先是一個網頁, 可以通過 Web 技術編寫出一個網頁應用. 隨後添加上 App Manifest 和 Service Worker 來實現 PWA 的安裝和離線等功能

例如微博、餓了麼 現在都已經使用了PWA技術:
使用PWA                                                              不使用PWA
                   
將微博、新浪網址打開保存至桌面,分別打開,如上圖所示:
微博無需重新加載、新浪需要重新加載且新浪上方沒有瀏覽器的地址欄、工具條,似乎和Native App一樣運行在一個獨立的容器中。這就是PWA。

PWA解決的問題:

  1. 可以添加至主屏幕,點擊主屏幕圖標可以實現啓動動畫以及隱藏地址欄
  2. 實現離線緩存功能,即使用戶手機沒有網絡,依然可以使用一些離線功能
  3. 實現了消息推送
    PWA特點:
    快速、可靠、粘性

PWA支持度:
Chrome、Firefox、百度、微信、QQ瀏覽器、UC、Safari、Opera等主流瀏覽器都已支持

PWA只支持https

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章