将 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

你可以使用这个Helpful tool。

Answer 2

1. If the browser is not set by default, it will ask the user to choose a browser

无法获取此功能，我认为每个手机 phone 都已默认执行此操作。

2. I have an URL bar on top of the app

检查您是否包含了标签：

"display": "standalone"

在 manifest.json 文件上

3. the app is not working without internet.

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

Answer 3

尚未安装

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

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