如何正確設置iPhone的favicon？

Question

我已經在realfavicongenerator.net上生成了收藏夾圖標，但是收藏夾圖標未顯示在iPhone 6S的Safari中。 我已經清除了歷史記錄和網站數據，但這無濟於事。 這是我的HTML代碼：

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="/apple-touch-icon-precomposed.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="194x194" href="/favicon-194x194.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">

<link rel="icon" type="image/x-icon" href='/favicon.ico' />
<link rel="shortcut icon" type="image/x-icon" href='/favicon.ico' />

如您所見，我添加了rel =“ icon”和rel“ shortcut icon” ，還預組合了圖標圖標，但沒有任何幫助。 我在互聯網上看過，找不到解決方案。 我還能做些什么嗎？

Answer 1

完整披露：RealFaviconGenerator的作者發言。

首先，您應該針對您的網站運行網站圖標檢查器 ，以發現錯誤，例如無效的URL。

如果測試為陽性，則可以確信觸摸圖標已正確配置。 即使您已清除瀏覽器緩存，也可能存在緩存問題。 解決方法是，您可以嘗試使用另一台設備或等待幾個小時然后重試。