苹果触摸图标不显示在手机上

Question

我目前正在努力让苹果触摸图标出现在手机上。 在我的笔记本电脑上的 Safari 中，该图标显示为选项卡和书签的一部分。 然而，在手机上，它不会出现。 根据我的研究，我应该做对了，但它仍然不起作用。 我正在舞台环境中对其进行测试，因为我正在开发的网站尚未上线。

这是我对苹果触摸图标的实现：

<link rel="apple-touch-icon" href="/build/favicon/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/build/favicon/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="167x167" href="/build/favicon/apple-touch-icon-167x167.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/build/favicon/apple-touch-icon-180x180.png" />

我的项目还包含一个 manifest.json 文件，其中包含所有路径，我像这样引用它：

 <link rel="manifest" href="manifest.json" crossorigin="use-credentials">

当我在网站上时，我也可以在开发工具中打开清单文件，所以浏览器肯定可以访问它。

谁能帮我弄清楚这里可能存在什么问题？

Answer 1

对于遇到此问题的任何人-我的“问题”最终在舞台环境中进行测试。 它在生产中起作用。 所以我在示例中展示的方式是正确的。