如何正确设置 iPhone 的图标？

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" 以及 precomposed 图标，但没有任何帮助。我在网上查过，找不到解决办法。还有什么我可以做的吗？

Answer 1

全面披露：RealFaviconGenerator 的作者发言。

首先，您应该运行针对您的网站 favicon checker，以发现无效 URL 等错误。

如果测试结果是肯定的，您可以确信您的触摸图标配置正确。即使您已清除浏览器缓存，您也可能遇到缓存问题。作为解决方法，您可以尝试使用其他设备或等待几个小时然后重试。

如何正确设置 iPhone 的图标？

How to properly set favicon for iPhone?

html

iphone

favicon

mobile-safari