PWA是什么？
PWA（Progreesive Web Apps），由谷歌最早提出的一種漸進(jìn)式增強(qiáng)型的網(wǎng)頁(yè)應(yīng)用（Web App）概念。PWA也被稱為“遠(yuǎn)古小程序”，小程序本質(zhì)上是網(wǎng)頁(yè)，需要橫跨手機(jī)系統(tǒng)和App兩個(gè)平臺(tái)限制；而PWA在系統(tǒng)層面將網(wǎng)頁(yè)打包成App，具有跨平臺(tái)的通用性和兼容性，讓網(wǎng)頁(yè)App具備原生App的功能特性。

PWA有什么優(yōu)點(diǎn)？

1. 可靠：離線或者網(wǎng)絡(luò)環(huán)境較差的情況下也能工作；

2. 快速：網(wǎng)頁(yè)加載速度快，而加載慢會(huì)導(dǎo)致用戶放棄瀏覽網(wǎng)頁(yè)；

3. 便捷：直接添加在手機(jī)主屏幕，無(wú)需從應(yīng)用程序商店下載安裝；

4. 沉浸式體驗(yàn)：提供APP般使用體驗(yàn)，頁(yè)面簡(jiǎn)潔、少?gòu)V告，還擁有后臺(tái)運(yùn)行和推送通知的能力；
（在Android 系統(tǒng)可以設(shè)置全屏顯示，iOS則由于支持度問(wèn)題不可以全屏顯示。）

愛(ài)用建站如何進(jìn)行PWA設(shè)置？

1. 進(jìn)入【愛(ài)用建站】，輸入賬號(hào)密碼登錄；

2. 點(diǎn)擊【智能網(wǎng)站】下的【立即管理】；

3. 點(diǎn)擊【Design Lab】進(jìn)入可視化設(shè)計(jì)器；

4.此時(shí)為桌面端，點(diǎn)擊切換為【移動(dòng)端】；

5. 點(diǎn)擊【系統(tǒng)】-【PWA設(shè)置】，填寫PWA名稱、短名稱、PWA描述、上傳PWA圖標(biāo)后，點(diǎn)擊【提交內(nèi)容】后【保存】。

如何將PWA網(wǎng)站添加到移動(dòng)端和PC端？

一.移動(dòng)端將PWA網(wǎng)站添加到主屏幕

TIPS：支持iOS 11.3、Android系統(tǒng)。

（一）iOS系統(tǒng)：

1. 蘋果手機(jī)端打開(kāi) Safari 瀏覽器，訪問(wèn)一個(gè)網(wǎng)頁(yè)，比如愛(ài)用建站平臺(tái)（https://m.iyong.com/）,將該網(wǎng)頁(yè)【添加到主屏幕】;

2. 點(diǎn)擊【添加】；

3.手機(jī)主屏幕生成【愛(ài)用建站】PWA應(yīng)用，點(diǎn)擊即可快速訪問(wèn)【愛(ài)用建站】。

（二）Android系統(tǒng)
1.安卓手機(jī)端打開(kāi)Google瀏覽器，訪問(wèn)一個(gè)網(wǎng)頁(yè)，比如愛(ài)用建站平臺(tái)（https://m.iyong.com/）,將該網(wǎng)頁(yè)【添加到主屏幕】;

2.點(diǎn)擊【添加】；

3.手機(jī)主屏幕生成【愛(ài)用建站】PWA應(yīng)用，點(diǎn)擊即可快速訪問(wèn)【愛(ài)用建站】；

4.可點(diǎn)擊【全屏顯示】，瀏覽效果更佳。

二.PC端將PWA網(wǎng)站添加到桌面

TIPS:推薦使用Google Chrome 64或以上版本。

1.更新Google Chrome版本。打開(kāi)Google，點(diǎn)擊瀏覽器右上角省略號(hào)圖標(biāo)，點(diǎn)擊【幫助】-【關(guān)于Google Chrome】進(jìn)行版本升級(jí)，之后重啟瀏覽器完成更新。

2. 在網(wǎng)址欄輸入“chrome://flags”，搜索找到“Desktop PWAs”的選項(xiàng)，點(diǎn)擊下拉框?qū)ⅰ癉efault”改為“Enabled”。Google就具備了將PWA 添加到桌面的特性；

3. 訪問(wèn)一個(gè)網(wǎng)頁(yè)，比如愛(ài)用建站平臺(tái)（http://www.itliang.com/），點(diǎn)擊右上角省略號(hào)，點(diǎn)擊【更多工具】-【創(chuàng)建快捷方式】；

4. 在彈框中點(diǎn)擊【創(chuàng)建】；

5. PWA網(wǎng)站即成功添加到桌面。