将WordPress网站转换为PWA

Question

我有一个WordPress网站，我正在插件的帮助下将这个网站转换为PWA。

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

我也完全遵循了本教程：

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

最后，我有一个安卓启动器。

新应用程序正在执行以下操作：

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

我怎样才能解决所有这些问题？

Answer 1

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

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

2. >我在应用程序顶部有一个 URL 栏

检查您是否添加了标记：

"display": "standalone"

在manifest.json文件上

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

检查service-worker.js文件，查看提供脱机体验所需的资源是否已有效缓存。人们可以使用谷歌的这个不错的工具来轻松定义路由策略。

Answer 2

您可以使用此有用工具。

Answer 3

尚未安装

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

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