Safari URL 栏上的 Favicon

问题描述

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

1. 库/缓存/com.apple.WebKit.PluginProcess/Cache.db

2. 网页图标.db

3. Safari 缓存/重置

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

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

任何想法，我怎样才能让它工作？

也许您的浏览器有问题，请将favicon.ico放在您网站的索引中，即/public_html/文件夹中，然后尝试清除缓存。

/public_html/文件夹是浏览器在其中查找图标的默认位置。

您也可以像以前一样使用< link >标签设置您想要的收藏图标。
尝试在没有<%=request.getContextPath()%>只是文件路径的情况下设置地址
例如href="http://MyWebSite.com/favicon.ico"

有时它需要大约 24 小时或多或少来更新。

如果这些都不起作用，请尝试在另一台计算机上打开您的网站。

在线图标生成器：
1. 网站
2.
3.
4.

如果您正在寻找的是 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 图像。 为此，您不需要将其置于网络服务器的根目录中。

我测试过。