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

qzuser1212

插件介紹

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

插件演示

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

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

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

插件特色

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

使用說明

1. 首頁網址   只能設置和網頁相同域名，
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.調試設置是否正確，打開網站后f12審查元素
點擊應用程序（Application）選擇左側的清單（Manifest），清單提供了很多pwa應用被安裝到到設備該如何表現的細節說明。設置有問題這里會給出提示和修改說明

影子

支持你的作品 非常好