ios PWA 标题中的空格

Question

我有一个带有 2 个单词标题的 PWA，例如“超级应用”。

我的清单：

{
  "name": "super app",
  "short_name": "super app",
...

我的 index.html：

<meta name="apple-mobile-web-app-title" content="super app" />

但是当我在 iphone 上安装它时，主屏幕上的应用程序图标标题为“superapp”，没有空格。

Answer 1

我认为问题可能是因为：

1. 名称正在被缓存。你是在本地主机上运行还是这个 是您构建的应用程序版本吗？考虑清理 Safari 的缓存 从settings -> Safari -> Clear History and Website Data 在您的 iPhone 上再试一次。有趣的是 Safari 如何保持缓存 即使在隐身模式下，您的应用程序版本也很困扰 这几个小时！
2. 尝试使用 npm cache clean --force 删除 npm 缓存，然后运行 ​​npm install（或 npm update，如果您想要 包到最新版本）。

最后，我建议在 localhost 上运行您的应用程序，然后在同一网络上从您的 iPhone 启动您的应用程序。然后您可以使用热重载更快地测试它。我目前正在使用 React 开发 PWA，并且我刚刚测试了我的 PWA，它作为“超级应用程序”看起来很好。 this 也真的很有帮助。