我在 realfavicongonerator.net 上生成了favicon,但是favicon在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"快捷方式" 以及 favicon,但没有任何帮助。我已经在互联网上看了解决方案。我还有什么可以做的吗?
完整披露:realfavicongonerator的作者演讲。
首先,您应该在网站上运行Favicon检查器,以发现错误。
如果测试是正面的,则可以确信正确配置了触摸图标。即使您清除了浏览器缓存,您也可能会有一个缓存问题。作为解决方法,您可以尝试使用其他设备或等待几个小时并重试。