華為瀏覽器10.1.0.300版本更新帶來了PWA支援。
PWA是什麼?
中文名:漸進式網頁應用
外文名:Progressive Web App
定義:漸進式接近原生app的web app
PWA是一種理念,使用多種技術來增強web app的功能,可以讓網站的體驗變得更好,能夠模擬一些原生功能,比如通知推送。在移動端利用標準化框架,讓網頁應用呈現和原生應用相似的體驗。
PWA不能包含原生OS相關程式碼。PWA仍然是網站,只是在快取、通知、後臺功能等方面表現更好。
技術應用首先,大家可以從瀏覽器進入新浪微博體驗:進入首頁,點選瀏覽器選單欄>新增至,選擇新增至桌面即可。使用體驗類似微部落格戶端,頂端也無網址顯示。
放出效果對比圖:
目前已經有越來越多網站支援PWA,對於支援PWA的網頁,瀏覽器會在頁面下方彈出彈框,提示您是否需要將此網頁新增至桌面,新增成功後,可直接在桌面進入該網頁。類似於快應用一樣,可在本地執行,減少下載APP的成本。比如,還有Twitter和Flipboard都推出了PWA,你可以將它放在手機主屏。
PWA有什麼好處?1、可靠+快速
PWA給網頁瀏覽使用帶來更加輕量級的體驗,節省手機儲存空間。同時,PWA的開啟速度快,有效節省系統記憶體。
2、沉浸式體驗
感覺就像裝置上的原生應用程式,具有沉浸式的使用者體驗,而無需從應用程式商店下載安裝,提供了一種沉浸式的全螢幕體驗,甚至更好實現推送和通知。
發展趨勢2016年, PWA在google正式落地,基於 Chromium 的瀏覽器 Chrome 和 Opera 已經完全支援 PWA 了。
隨著越來越多的遊覽器廠商,相繼的對PWA做出了支援和優化,想必PWA的大發展時代即將到來。
最新評論
-
1 #
-
2 #
可惜不能快取視訊,要不然就完美了!
-
3 #
剛學會,PWA好用!謝謝!
-
4 #
想知道油管可以不
我以為它要支援在WP系統執行呢