漸進(jìn)式 Web 應(yīng)用程序PWA插件的說明和使用方法

qzuser1212

插件介紹

使用本插件可以讓您的網(wǎng)站支持 漸進(jìn)式 Web 應(yīng)用程序PWA，讓discuz網(wǎng)站像普通APP一樣安裝在手機(jī)及電腦上，不需要打開瀏覽器輸網(wǎng)址訪問，直接從設(shè)備主屏幕就可以點(diǎn)擊訪問。

插件演示

1. 在支持pwa的瀏覽器訪問演示網(wǎng)址
電腦演示：https://dzx35.xcxgy.cn/
觸屏版：https://dzx35.xcxgy.cn/?mobile=2

2. 將網(wǎng)站添加到主屏幕
Safari點(diǎn)擊底部的分享按鈕，點(diǎn)擊添加到主屏幕
安卓Chrome點(diǎn)擊右上角三個(gè)點(diǎn)，點(diǎn)擊添加到主屏幕
win或者mac電腦點(diǎn)擊瀏覽器地址欄添加應(yīng)用圖標(biāo)

3. 從主屏幕打開應(yīng)用程序，就可以看到你設(shè)置的初始網(wǎng)頁
關(guān)閉移動(dòng)數(shù)據(jù)和 wifi后離線打開應(yīng)用。可以瀏覽您已經(jīng)訪問過的頁面。
瀏覽到未訪問過的頁面，將顯示脫機(jī)提示

插件特色

PWA支持： 允許用戶在他們的桌面或移動(dòng)設(shè)備上保存你的論壇網(wǎng)站，提供更快、更方便的訪問。
離線瀏覽： 用戶即使在沒有網(wǎng)絡(luò)連接的情況下也可以訪問論壇的一部分內(nèi)容。
體驗(yàn)流暢： 界面美觀、數(shù)據(jù)有緩存，接近原生app的體驗(yàn)
多端支持： 支持mac、win、ios和安卓
自定義：所有的設(shè)置項(xiàng)均可后臺修改

使用說明

1. 首頁網(wǎng)址   只能設(shè)置和網(wǎng)頁相同域名，
https://dzx35.xcxgy.cn/ 只填寫/即可
https://dzx35.xcxgy.cn/portal.php 只填寫/portal.php即可
如果想讓手機(jī)端的pwa打開是手機(jī)版，在后邊添加&mobile=2即可

2.所有的圖標(biāo)在/source/plugin/domi_pwa/template/images/下
分別為512*512 192*192 96*96 ，使用一樣的尺寸和格式覆蓋即可

3.調(diào)試設(shè)置是否正確，打開網(wǎng)站后f12審查元素
點(diǎn)擊應(yīng)用程序（Application）選擇左側(cè)的清單（Manifest），清單提供了很多pwa應(yīng)用被安裝到到設(shè)備該如何表現(xiàn)的細(xì)節(jié)說明。設(shè)置有問題這里會(huì)給出提示和修改說明

影子

支持你的作品 非常好