插件介绍 使用本插件可以让您的网站支持 渐进式 Web 应用程序PWA,让discuz网站像普通APP一样安装在手机及电脑上,不需要打开浏览器输网址访问,直接从设备主屏幕就可以点击访问。 插件演示 1. 在支持pwa的浏览器访问演示网址 电脑演示:https://dzx35.xcxgy.cn/ 触屏版:https://dzx35.xcxgy.cn/?mobile=2 2. 将网站添加到主屏幕 Safari点击底部的分享按钮,点击添加到主屏幕 安卓Chrome点击右上角三个点,点击添加到主屏幕 win或者mac电脑点击浏览器地址栏添加应用图标 3. 从主屏幕打开应用程序,就可以看到你设置的初始网页 插件特色 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应用被安装到到设备该如何表现的细节说明。设置有问题这里会给出提示和修改说明 4.添加应用的按钮使用PC端的global_cpnav_extra1嵌入点,如果模板没有此嵌入点就不会显示,不影响应用的安装,可以在浏览器地址栏点击安装应用图标安装,或者自己在想要显示的位置添加自己弄一个id="installButton"的元素显示。 手机端目前没有手动添加的按钮。 注意事项: PWA支持程度在不同的浏览器和设备上可能会有所不同,具体可以看https://caniuse.com/web-app-manifest。 网站必须支持https,插件主要依赖global_header嵌入点 如涉及功能增加和样式修改请自行解决,咨询此类问题需另付费。 购买前请认真查看介绍 |