久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 漸進式 Web 應用程序PWA插件的說明和使用方法 [打印本頁]

作者: qzuser1212 時間: 2023-6-23 12:30
標題: 漸進式 Web 應用程序PWA插件的說明和使用方法
插件介紹

使用本插件可以讓您的網站支持漸進式 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應用被安裝到到設備該如何表現的細節說明。設置有問題這里會給出提示和修改說明

作者: 影子 時間: 2023-6-27 17:58
支持你的作品非常好

歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)