progressive-web-apps - Gatsby PWA - 桌面上缺少安装图标并添加到 android 上的主屏幕

Question

我正在建立一个 gatsby 博客网站。我已经把它做成了 PWA。Service Worker 已安装并开始工作。我面临的问题是安装（加号）图标没有出现在通常出现在基于 PWA 的网站上的地址栏上，并且当我在 android 上访问该网站时也没有出现“添加到主屏幕”图标。所以我选择“桌面”类别执行灯塔测试，所有测试都通过，除了“内容的大小对于视口正确”。此类别之前的图标保持灰色，不会变为绿色。但是，当我选择“移动”类别执行灯塔测试时，所有测试都通过了。知道可能是什么问题吗？

Answer 1

问题解决了。我正在使用

icon_options: {
      purpose: "maskable",
    },

我发现目的应该是“可屏蔽的任何”或“任何”。所以我使用了“可屏蔽任何”并且它起作用了。