渐进式 Web 应用程序PWA插件的说明和使用方法

左右不逢缘 · 发表于 2023-6-23 14:30:20

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

插件介绍

使用本插件可以让您的网站支持渐进式 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应用被安装到到设备该如何表现的细节说明。设置有问题这里会给出提示和修改说明

©dz插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
如有侵权请邮件与我们联系处理:discuz-x@qq.com（手机随时接收邮件）并出示相关证明以便删除。敬请谅解！

渐进式 Web 应用程序PWA插件的说明和使用方法

马上注册，免费下载更多dz插件网资源。

相关帖子

回复

More猜你喜欢

关于我们

服务支持

discuzaddons@vip.qq.com