PWA是Progressive Web App的英文縮寫(xiě), 翻譯過(guò)來(lái)就是漸進(jìn)式增強WEB應用, 是Google 在2016年提出的概念,2017年落地的web技術(shù)。目的就是在移動(dòng)端利用提供的標準化框架,在網(wǎng)頁(yè)應用中實(shí)現和原生應用相近的用戶(hù)體驗的漸進(jìn)式網(wǎng)頁(yè)應用。
我們看大鳥(niǎo)博客可以在Chrome中安裝,如圖:
移動(dòng)端也是會(huì )提示安裝的,這個(gè)功能如何實(shí)現,如果你是用的wordpress,那么只要一款插件就可以瞬間實(shí)現網(wǎng)站支持PWA,這款插件就是SuperPWA。wordpress的插件后臺有很多支持PWA的,不過(guò)SuperPWA用的人最多,使用也很簡(jiǎn)單,而且卸載插件也很干凈,不寫(xiě)數據庫,所以說(shuō)這款插件讓人稍微放心點(diǎn)。
自己在Wordpress后臺的插件庫中搜索SuperPWA,即可找到:
大鳥(niǎo)估計中間這款PWA也不錯,用的人也很多,不過(guò)我們還是用SuperPWA,畢竟用過(guò)的,知道怎么搞。
安裝啟用之后,我們需要設置插件了,最核心的要設置好應用圖標和啟動(dòng)畫(huà)面圖標這兩個(gè):
應用名稱(chēng)這些要寫(xiě)成自己網(wǎng)站名,其他的都是默認設置就可以了,設置好之后是這個(gè)樣子的:
設置好之后,保存,插件我自動(dòng)幫助我們的wordpress網(wǎng)站生成支持PWA應用。就是大鳥(niǎo)一開(kāi)始介紹的樣子,可以在瀏覽器中安裝。
我們看到插件還有一個(gè)add-ons選項,這里可以酌情選擇,比如選擇蘋(píng)果觸摸圖標:如圖:
當然,都不選擇也沒(méi)關(guān)系。隨意、隨意、隨意!
PC端安裝好的效果:
安裝好之后,就會(huì )在桌面生成一個(gè)大鳥(niǎo)博客的APP。
移動(dòng)端:用chrome打開(kāi)網(wǎng)站之后,會(huì )在底部跳出安裝的選項:
選擇安裝即可,之后會(huì )在手機桌面生成一個(gè)APP,額,感覺(jué)還不錯。
目前有很多博客和網(wǎng)站都支持了PWA,Wordpress站點(diǎn)支持PWA還是很簡(jiǎn)單的,下載一個(gè)PWA插件即可,如果非Wordpress站點(diǎn),那么就的自己去設置了。
至于想深入了解PWA,自己去搜索文檔查看吧,雖然PWA很有意思,但也沒(méi)想象中的那么好,不過(guò)玩玩也是可以的。
聯(lián)系客服