Safari网址栏上的Favicon

Favicon on Safari URL bar

本文关键字：Favicon Safari      更新时间：2023-09-26

我想为我的网站添加favicon，它适用于Chrome和FF，但不适用于Safari(我的macbook上安装了7版)。我尝试了论坛上提到的不同技巧，但运气不好。例如删除以下内容:

  1. /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"/>

有什么想法吗，我怎么才能让它工作?

将您的图标保存为8位(jpg是8位，但png更好，您可以将web保存为8位，它不需要是。ico)图像，并确保清除缓存。在上传时，它应该在所有浏览器中显示

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

/public_html/ 文件夹是浏览器查找图标的默认位置。你也可以使用< link >标签设置你想要的图标，就像你做的那样。
尝试在没有<%=request.getContextPath()%>的情况下设置地址，只设置文件的路径
。href="http://MyWebSite.com/favicon.ico"

有时更新需要24小时左右的时间。

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

在线图标生成器:
1.收藏夹图标,应用图标生成器
2.Favicon生成器和图库
3. ico发电机位于
4.x图标编辑

如果你想让Safari图标出现在iphone屏幕上，你需要这样做:

<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服务器的根目录

我测试过了

相关文章：