蘋果觸摸圖標不顯示在手機上

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

對於遇到此問題的任何人-我的“問題”最終在舞台環境中進行測試。 它在生產中起作用。 所以我在示例中展示的方式是正確的。