將 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. 如果瀏覽器沒有默認設置，它會要求用戶選擇一個瀏覽器

拿不到這個，我想每個手機都默認這樣做了。

2. 我在應用程序頂部有一個 URL 欄

檢查您是否包含了標簽：

"display": "standalone"

在manifest.json文件上

3. 該應用程序在沒有互聯網的情況下無法運行。

檢查您的service-worker.js文件以查看提供離線體驗所需的資源是否已有效緩存。 可以使用來自 Google 的這個不錯的工具來輕松定義路由策略。

Answer 2

您可以使用這個有用的工具。

Answer 3

尚未安裝

URL欄在頂部仍然可見，表明該網頁尚未安裝為您的設備上的PWA。 從選項卡菜單中選擇Install或單擊 URL 欄旁邊的[↓]圖標。

這很可能也可以解決您的其他問題。