如何为iPhone正确设置favicon?

时间:2018-04-24 02:14:16

标签: html iphone mobile-safari favicon

我在 realfavicongenerator.net 上生成了favicon,但在iPhone 6S上的Safari中没有显示favicon。我已经清除了历史记录和网站数据,但它没有帮助。这是我的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 =&#34; icon&#34; rel&#34;快捷图标&#34; 以及预组合< / em> favicon,但没有任何帮助。我在互联网上看了一下,无法找到解决方案。还有什么我可以做的吗?

1 个答案:

答案 0 :(得分:2)

完全披露:RealFaviconGenerator的作者发言。

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

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