将 WordPress 网站转换为 PWA

Question

我有一个 WordPress 网站，我正在借助插件将此网站转换为 PWA。

PWA 正在按预期工作：通知、在没有互联网的情况下工作……

我也完全按照本教程进行操作：

https://css-tricks.com/how-to-get-a-progressive-web-app-into-the-google-play-store/

最后，我有一个 Android 启动器。

新应用正在这样做：

1. 如果没有默认设置浏览器，会要求用户选择浏览器。
2. 我在应用顶部有一个 URL 栏。
3. 该应用在没有互联网的情况下无法运行。

如何解决所有这些问题？

Answer 1

1. 如果没有默认设置浏览器，会要求用户选择浏览器

这个拿不到，我想每部手机都已经默认了。

1. 我在应用顶部有一个 URL 栏

检查你是否包含了标签：

"display": "standalone"

在manifest.json 文件上

1. 该应用在没有互联网的情况下无法运行。

检查您的service-worker.js 文件，查看提供离线体验所需的资源是否已有效缓存。可以使用 Google 的this nice tool 轻松定义路由策略。

Answer 2

您可以使用此Helpful tool。

Answer 3

尚未安装

顶部仍然可见的 URL 栏表示该网页尚未未作为 PWA 安装在您的设备上。从选项卡菜单中选择Install 或单击网址栏旁边的[↓] 图标。

这很可能也会解决您的其他问题。