超级进步的网络应用程序
超级进步的网络应用程序
SuperPWA可以轻松地将您的WordPress网站转换为进步的Web应用程序。
访问网站»
报告错误·WordPress插件·评论·FAQ·贡献
欢迎来到Super PWA GitHub存储库
⚡️演示：superpwa.com检查视频以了解其工作原理
什么是进步的网络应用程序
Progressive Web应用程序（PWA）是一项新技术，可在网站和移动应用程序之间创建中间立场。它们像普通应用程序（Web应用程序）一样安装在手机上，可以从主屏幕访问。
用户可以通过从他们的主屏幕启动应用程序并通过类似应用程序的界面与您的网站进行交互来返回您的网站。您的返程访问者将体验几乎持久的加载时间，并享受PWA的出色表现优势！
超级进步的Web应用程序使您可以轻松地将WordPress网站轻松地将WordPress网站转换为渐进的Web应用程序！
支持该项目
如果您感到非常兴奋，并且想以一种小的方式支持我们，请考虑主演和/或分享回购！这有助于我们知道并发展社区。
您也可以通过关注社交媒体的关注并分享有关我们的支持。
？安装
安装了SuperPWA⚡️后，用户将从受支持的移动设备浏览您的网站，将看到“添加到主屏幕”通知（从屏幕的底部），并且能够在其设备的主屏幕上'安装您的网站'。访问的每个页面都在本地存储在其设备上，即使它们离线也可以阅读！
SuperPWA很容易配置，设置您的渐进式网络应用程序不到一分钟就需要了！ SuperPWA通过删除其创建的每个数据库条目和文件来进行干净的卸载。实际上，直到您第一次手动保存，否则默认设置都没有保存到数据库。继续尝试一下。
渐进的网络应用程序最低要求
有关添加到主屏幕和进步网络应用程序的视频在不同的浏览器上工作
Google Chrome for Android |
Mozilla Firefox for Android |
Microsoft Edge for Android |
Samung Internet for Android |
iOS上的PWA -Safari浏览器 |
|---|
浏览器测试PWA的详细文档
- PWA在Chrome上为Android
- 桌面上的PWA -Chrome
- iOS设备上的PWA -Safari浏览器
- Android的Microsoft Edge浏览器上的PWA
- 三星Internet浏览器的PWA用于Android
？盒子里有什么
这是超级渐进式网络应用程序的当前功能：
- 为您的网站生成清单，并将其添加到您的网站的头脑中。
- 为您的渐进式Web应用程序设置应用程序图标。
- 为您的渐进式Web应用程序的飞溅屏幕设置背景颜色。
- 在受支持的浏览器中访问时，您的网站将显示“添加到主屏幕”通知。
- 使用缓存API对页面进行积极的缓存。
- 即使用户离线，也可以提供缓存的页面。
- 设置自定义脱机页面：选择您希望用户查看的页面何时访问缓存中的页面何时访问了且用户离线。
- 1.2版中的新版本：支持主题色。
- 版本1.2中的新版本：现在您可以编辑应用程序名称和应用程序简称。
- 1.2版中的新版本：设置PWA的开始页面。
- 1.2版中的新版本：设置开始页面的加速移动页面（AMP）版本。支持的插件：WordPress的AMP，WP的AMP，Better Amp，Amp至上，WP AMP。
- 版本1.3中的新内容：增加了对高质量飞溅屏幕的支持。现在，您可以为您的Progressive Web应用程序的飞溅屏幕设置512x512图标。
- 版本1.3：超级渐进式网络应用程序现在说明内容更新，并在您更新网站时更新缓存。
- 1.3版中的新版本：改进的浏览器服务工作者更新处理。
- 1.4版中的新版本：您现在可以设置PWA的默认方向。从“任何”（遵循设备方向），“肖像”和“景观”中选择。
- 版本1.4中的新版本：您现在可以在清单中设置them_color属性。
- 版本1.5中的新内容：推送通知的信号集成。
- 1.6版中的新版本：WordPress多站点网络兼容性。
- 版本1.7版中的新内容：SuperPWA的附加组件在这里！带有UTM跟踪附加组件的船只，从您的PWA来进行跟踪访问。
- 1.8版中的新内容：现在解决了与Onesignal的兼容性问题！
- 版本1.8中的新内容：新的附加组件：将应用程序图标设置为Apple Touch图标的Apple Touch图标。
- 2.0版中的新版本：SuperPWA现在与子文件夹中安装的WordPress兼容。
- 2.0版中的新版本：您现在可以从SuperPWA设置设置Display属性。
- 版本2.1.1中的新内容：支持Maskabale图标。
？即将到来的功能：
设备和浏览器支持PWA
| 铬合金 | Firefox | 边缘 | 歌剧 | 野生动物园 | 三星 | UC浏览器 | 勇敢的 |
|---|
| 添加到主屏幕 | | | | | | | | |
| 服务工作者 | | | | | | | | |
| 网络推送和通知 | | | | | | | | |
| 付款请求API | | | | | | | - | - |
| 元主题颜色 | | - | - | - | - | | - | |
支持的Beta或部分支持
渐进的Web应用程序需要支持表现和服务人员的浏览器。目前，Google Chrome（57+版），Android Chrome（62），Mozilla Firefox（57），Firefox for Android（58）是支持PWA的主要浏览器。
该列表的增长迅速，可能会在今年年底之前在大多数主要浏览器中得到支持。
为什么要构建渐进式网络应用程序？
如何将您的WordPress网站转换为渐进式网络应用程序
WordPress安装
- 访问WordPress管理员>插件>添加新
- 搜索超级进步的Web应用程序
- 单击“立即安装”，然后单击“激活”超级渐进式网络应用程序
手动安装：
- 在服务器上将超播种Web-apps文件夹上传到/wp-content/plugins/Directory
- 转到WordPress管理员>插件
- 从列表中激活超级渐进式Web应用程序插件。
自定义您的进步网络应用程序
您的渐进式Web应用程序应准备好在激活后使用默认设置进行测试。您可以进一步自定义并真正使其成为自己。
- 转到WordPress Admin>“ SuperPWA ”>设置
- 为在移动设备上打开PWA时，为Splash屏幕设置背景颜色。
- 设置应用程序图标。当您将其添加到移动设备中的房屋屏幕中时，这将是PWA的图标。图标必须是PNG图像，恰好是192 x 192像素。
- 设置离线页面。如果用户离线并且他要求的页面尚未缓存，将显示此页面。理想情况下，您应该创建一个专用的WordPress页面并在此处设置。在您创建的页面中，您可以添加一个注释：“看起来您处于离线状态，并且您要求的页面现在不可用。
- 单击“保存设置”。
测试您的进步网络应用程序
- 在受支持的设备中打开受支持的浏览器（例如：Android设备中的Android（62或更高）的Chrome）
- 输入您的网站并等到全部加载
- 您应该看到一个弹出窗口，其中包含您的应用程序图标和一个按钮，该按钮读为“添加到主屏幕”。
- 单击它，您的PWA将添加到主屏幕。等待安装完成。
- 转到主屏幕并打开PWA。如果愿意，浏览几页。关闭应用程序。
- 与互联网断开连接，现在再次打开您的PWA。您应该能够查看以前浏览的所有页面。
- 尝试访问您以前没有访问的页面。您应该在SuperPWA的设置中看到您设置为“离线页面”的页面。
？关于我们
我们是一个对这个想法感到兴奋的二人。我们的任务很简单：帮助您构建一个很棒的PWA，您的用户希望在主屏幕上拥有该PWA。当我们第一次听说PWA时，我们想了解有关它的所有内容。我们花了无数的时间学习，并想与世界分享。请给我们您的建设性反馈和支持。
⛷️支持
这是超级渐进式网络应用程序的开发人员门户，不应用于支持。请访问支持论坛。
？报告错误
如果您被卡住了，我们在这里看着您的背！如果您有问题或需要功能，请打开新的支持主题票。我们很高兴能听到您的反馈，我们希望真正帮助您为WordPress网站构建最佳的渐进式网络应用程序！
？贡献
欢迎任何人为超级PWA做出贡献，以使其成为超级。
您可以通过多种方式做出贡献：
- 在Github上提出问题。
- 在社交媒体上关注并与我们互动
- 向我们发送带有错误修复和/或新功能的拉请请求。
- 提供有关增强功能的反馈和建议。
通过社交媒体分享并传播SuperPWA
在Twitter上分享
在Facebook上分享
分享LinkedIn
？ ChangElog
superpwa.com/changelog/。
表情符号学分：表情符号社交媒体偶像学分：弗拉提顿
⬆回到顶部
