Iphone不承认favicon

时间:2015-03-09 12:18:05

标签: android html ios favicon

在Iphone上遇到一些问题。

我在标题之后和我的css文件之前的标题中添加了以下代码:

<!-- For iPhone with high-resolution Retina display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png">

<!-- For iPhone with high-resolution Retina display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-144x144.png">

<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57.png">

<link rel="icon" href="/icon_32.png" sizes="32x32">

我的所有favicon文件都位于根文件夹中,还有favicon.ico支持旧浏览器。

不知何故,我的iphone没有显示任何图标,当我将页面添加到收藏夹时,当我尝试添加到主屏幕时,它只是使用页面的快照作为图标。在我的Android设备上,图标运行良好。

哪里可能是问题?也许有关如何直接在我的iphone上调试此问题的任何建议?

最诚挚的问候, 格莱布。

1 个答案:

答案 0 :(得分:0)

首先要做的事情:尝试重新加载网站3到4次。这可能是服务器问题。

如果它不起作用,请尝试获得一个好看的(即大尺寸)图标的网站,并自己制作一个新包装 Real Favicon Generator对于任何浏览器和任何大小的赞成都是真正的优惠。可定制且易于使用。它为您提供了使用et caetera的代码。

它对我有用。