如何正确设置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。

如果测试为阳性，则可以确信触摸图标已正确配置。 即使您已清除浏览器缓存，也可能存在缓存问题。 解决方法是，您可以尝试使用另一台设备或等待几个小时然后重试。