PWA是什么?
PWA(Progreesive Web Apps),由谷歌最早提出的一種漸進(jìn)式增強型的網(wǎng)頁(yè)應用(Web App)概念。PWA也被稱(chēng)為“遠古小程序”,小程序本質(zhì)上是網(wǎng)頁(yè),需要橫跨手機系統和App兩個(gè)平臺限制;而PWA在系統層面將網(wǎng)頁(yè)打包成App,具有跨平臺的通用性和兼容性,讓網(wǎng)頁(yè)App具備原生App的功能特性。
PWA有什么優(yōu)點(diǎn)?
1. 可靠:離線(xiàn)或者網(wǎng)絡(luò )環(huán)境較差的情況下也能工作;
2. 快速:網(wǎng)頁(yè)加載速度快,而加載慢會(huì )導致用戶(hù)放棄瀏覽網(wǎng)頁(yè);
3. 便捷:直接添加在手機主屏幕,無(wú)需從應用程序商店下載安裝;
4. 沉浸式體驗:提供APP般使用體驗,頁(yè)面簡(jiǎn)潔、少廣告,還擁有后臺運行和推送通知的能力;
(在A(yíng)ndroid 系統可以設置全屏顯示,iOS則由于支持度問(wèn)題不可以全屏顯示。)
愛(ài)用建站如何進(jìn)行PWA設置?
1. 進(jìn)入【愛(ài)用建站】,輸入賬號密碼登錄;
2. 點(diǎn)擊【智能網(wǎng)站】下的【立即管理】;
3. 點(diǎn)擊【Design Lab】進(jìn)入可視化設計器;
4.此時(shí)為桌面端,點(diǎn)擊切換為【移動(dòng)端】;
5. 點(diǎn)擊【系統】-【PWA設置】,填寫(xiě)PWA名稱(chēng)、短名稱(chēng)、PWA描述、上傳PWA圖標后,點(diǎn)擊【提交內容】后【保存】。
如何將PWA網(wǎng)站添加到移動(dòng)端和PC端?
一.移動(dòng)端將PWA網(wǎng)站添加到主屏幕
TIPS:支持iOS 11.3、Android系統。
(一)iOS系統:
1. 蘋(píng)果手機端打開(kāi) Safari 瀏覽器,訪(fǎng)問(wèn)一個(gè)網(wǎng)頁(yè),比如愛(ài)用建站平臺(https://m.iyong.com/),將該網(wǎng)頁(yè)【添加到主屏幕】;
2. 點(diǎn)擊【添加】;
3.手機主屏幕生成【愛(ài)用建站】PWA應用,點(diǎn)擊即可快速訪(fǎng)問(wèn)【愛(ài)用建站】。
(二)Android系統
1.安卓手機端打開(kāi)Google瀏覽器,訪(fǎng)問(wèn)一個(gè)網(wǎng)頁(yè),比如愛(ài)用建站平臺(https://m.iyong.com/),將該網(wǎng)頁(yè)【添加到主屏幕】;
2.點(diǎn)擊【添加】;
3.手機主屏幕生成【愛(ài)用建站】PWA應用,點(diǎn)擊即可快速訪(fǎng)問(wèn)【愛(ài)用建站】;
4.可點(diǎn)擊【全屏顯示】,瀏覽效果更佳。
二.PC端將PWA網(wǎng)站添加到桌面
TIPS:推薦使用Google Chrome 64或以上版本。
1.更新Google Chrome版本。打開(kāi)Google,點(diǎn)擊瀏覽器右上角省略號圖標,點(diǎn)擊【幫助】-【關(guān)于Google Chrome】進(jìn)行版本升級,之后重啟瀏覽器完成更新。
2. 在網(wǎng)址欄輸入“chrome://flags”,搜索找到“Desktop PWAs”的選項,點(diǎn)擊下拉框將“Default”改為“Enabled”。Google就具備了將PWA 添加到桌面的特性;
3. 訪(fǎng)問(wèn)一個(gè)網(wǎng)頁(yè),比如愛(ài)用建站平臺(https://www.iyong.com/),點(diǎn)擊右上角省略號,點(diǎn)擊【更多工具】-【創(chuàng )建快捷方式】;
4. 在彈框中點(diǎn)擊【創(chuàng )建】;
5. PWA網(wǎng)站即成功添加到桌面。
本文由今科科技用戶(hù)上傳并發(fā)布,今科科技僅提供信息發(fā)布平臺。文章代表作者個(gè)人觀(guān)點(diǎn),不代表今科科技立場(chǎng)。未經(jīng)作者許可,不得轉載,有涉嫌抄襲的內容,請通過(guò) 反饋中心 進(jìn)行舉報。
售前咨詢(xún):0760-2332 0168
售后客服:400 830 7686
1998~2024,今科26年專(zhuān)注于企業(yè)信息化服務(wù)
立 即 注 冊 / 咨 詢(xún)
上 線(xiàn) 您 的 網(wǎng) 站 !