漸進式 Web 應用程序PWA插件的說明和使用方法

qzuser1212

插件介紹

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

插件演示

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

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

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

插件特色

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

使用說明

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

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

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

影子

支持你的作品 非常好