渐进式 Web 应用程序PWA插件的说明和使用方法
<font face="&quot;"><font size="4"><strong><strong>插件介绍</strong></strong></font></font><br /><br /><font face="&quot;"><font style="font-size:12px">使用本插件可以让您的网站支持 渐进式 Web 应用程序PWA,让discuz网站像普通APP一样安装在手机及电脑上,不需要打开浏览器输网址访问,直接从设备主屏幕就可以点击访问。</font></font><br /><br /><font face="&quot;"><font size="4"><strong><strong>插件演示</strong></strong></font></font><br /><br /><strong>1. 在<font color="#336699">支持pwa的浏览器</font>访问演示网址</strong><br /><font face="&quot;"><font style="font-size:12px">电脑演示:</font></font><font color="#336699"><font face="&quot;"><font style="font-size:12px">https://dzx35.xcxgy.cn/</font></font></font><br /><font face="&quot;"><font style="font-size:12px">触屏版:</font></font><font color="#336699"><font face="&quot;"><font style="font-size:12px">https://dzx35.xcxgy.cn/?mobile=2</font></font></font><br /><br /><strong>2. 将网站添加到主屏幕</strong><br /><font face="&quot;"><font style="font-size:12px">Safari点击底部的分享按钮,点击添加到主屏幕</font></font><br /><font face="&quot;"><font style="font-size:12px">安卓Chrome点击右上角三个点,点击添加到主屏幕</font></font><br /><font face="&quot;"><font style="font-size:12px">win或者mac电脑点击浏览器地址栏添加应用图标</font></font><br /><br /><strong>3. 从主屏幕打开应用程序,就可以看到你设置的初始网页</strong><br /><font face="&quot;"><font style="font-size:12px">关闭移动数据和 wifi后离线打开应用。可以浏览您已经访问过的页面。</font></font><br /><font face="&quot;"><font style="font-size:12px">浏览到未访问过的页面,将显示脱机提示</font></font><br /><br /><font size="4"><font face="&quot;"><strong><strong>插件特色</strong></strong></font><br /></font><br /><font face="&quot;"><font style="font-size:12px">PWA支持: 允许用户在他们的桌面或移动设备上保存你的论坛网站,提供更快、更方便的访问。</font></font><br /><font face="&quot;"><font style="font-size:12px">离线浏览: 用户即使在没有网络连接的情况下也可以访问论坛的一部分内容。</font></font><br /><font face="&quot;"><font style="font-size:12px">体验流畅: 界面美观、数据有缓存,接近原生app的体验</font></font><br /><font face="&quot;"><font style="font-size:12px">多端支持: 支持mac、win、ios和安卓</font></font><br /><font face="&quot;"><font style="font-size:12px">自定义:所有的设置项均可后台修改</font></font><br /><br /><font face="&quot;"><font size="4"><strong><strong>使用说明</strong></strong></font></font><br /><br /><font face="&quot;"><font style="font-size:12px">1. 首页网址 只能设置和网页相同域名,</font></font><br /><font face="&quot;"><font style="font-size:12px">https://dzx35.xcxgy.cn/ 只填写/即可</font></font><br /><font face="&quot;"><font style="font-size:12px">https://dzx35.xcxgy.cn/portal.php 只填写/portal.php即可</font></font><br /><font face="&quot;"><font style="font-size:12px">如果想让手机端的pwa打开是手机版,在后边添加&mobile=2即可</font></font><br /><br /><font face="&quot;"><font style="font-size:12px">2.所有的图标在/source/plugin/domi_pwa/template/images/下</font></font><br /><font face="&quot;"><font style="font-size:12px">分别为512*512 192*192 96*96 ,使用一样的尺寸和格式覆盖即可</font></font><br /><br /><font face="&quot;"><font style="font-size:12px">3.调试设置是否正确,打开网站后f12审查元素</font></font><br /><font face="&quot;"><font style="font-size:12px">点击应用程序(Application)选择左侧的清单(Manifest),清单提供了很多pwa应用被安装到到设备该如何表现的细节说明。设置有问题这里会给出提示和修改说明</font></font><br />quot<em>, </em>12px<em>, </em>访问 支持你的作品 非常好
頁:
[1]