Safari URL栏上的收藏夹图标

Question

我想为我的网站添加favicon，它既可以在Chrome和FF上使用，也不能在Safari上使用（我在Macbook上安装了版本7）。我尝试了论坛上提到的各种技巧，但没有运气。例如，删除以下内容：

1. Library / Caches / com.apple.WebKit.PluginProcess / Cache.db

2. WebpageIcons.db

3. Safari缓存/重置

我的图标是32x32，下面是我使用的代码。

<link rel="shortcut icon" type="image/x-icon" href="<%=request.getContextPath()%>/favicon.ico"/>

任何想法，我如何使它起作用？

Answer 1

将您的图标保存为8位（jpg为8位，但是png更好，您可以将Web保存为8位，而不必是.ico）图像，并确保清除缓存。上传后，它应显示在所有浏览器中。

Answer 2

[也许您的浏览器有问题，请将favicon.ico放在网站的索引中，即在/public_html/文件夹中，然后尝试清除缓存。/public_html/文件夹是浏览器在其中查找favicon的默认位置。您也可以像以前一样使用< link >标签设置所需的收藏夹图标。尝试在没有<%=request.getContextPath()%>的情况下设置地址，仅调整文件的路径例如href="http://MyWebSite.com/favicon.ico"有时，它最多需要大约24小时才能更新。如果这些都不起作用，请尝试在另一台计算机上打开您的站点。在线Favicon生成器：1.Favicon & App Icon Generator2.Favicon Generator and Gallery3.favicon.ico Generator4. X-Icon Editor

Answer 3

如果您要查找的是Safari图标，请在iphone Hoescreen上显示它是这个：

<link rel="apple-touch-icon" sizes="57x57"	href="/a/img/icons/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72"	href="/a/img/icons/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114"	href="/a/img/icons/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="144x144"	href="/a/img/icons/apple-icon-144x144.png" />

为此，您不需要将其作为ico图像。为此，您不需要将其放在Web服务器的根目录。

我测试过。